How to display slider?

Question

Bootstrap

Good afternoon!
Could you tell me how to solve this problem correctly:
I have a bootstrap slider, the most common bootstrap slider. The pictures in it are rectangular, as usual.
So, on the desktop - it's normal, at 768 - it's also normal, but at 360 you need to somehow make the picture become square. The image was not compressed, but it was cut off and became a square.
I can't even imagine...
Thank you all in advance!

Answer 1

what if you use two sliders? one is not visible, but if the media query is less than 360px, show the other - the option is not ideal, but quite working