How to chose image dimensions on a background:cover div?

I have a slider on my page with the property background cover applied so it fits the whole thing. The slider also has a 50vh fixed height.

The background always ends up cutting things from the image that I don't want.

How should I go about choosing the right width x height knowing that the website will be seen in very different devices?