resize images for mobile and desktop

Whenever I transfer to mobile view, my banner image is always cropped. But, its alright with my desktop view. I would like to fix this. Please help.

https://katinteriors.net

Hello @kakajdiaz
Go to online store ---------> themes --------------> actions ------> edit code------->Theme.css

add this code at the end of the file.

@media only screen and (max-width: 800px) {
#shopify-section-slideshow img, .index-slideshow-section img {
height: 240px;
}
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

Hello @kakajdiaz
I have checked your problem, you can create separate images for mobile view and desktop view, this will be a proper solution for this.
Please check the Reference below

Is that the only solution that we can do?

I cant find theme.css .. only this one: