Images not behaving properly on mobile display

1. Images are being cropped in an undesirable fashion when viewing my website from a mobile device:

• the picture of a dog on my home page
• the image in the painting section.

2. The css code that was applied to round the corners of my images does not work on mobile view. 

• CSS code:

            .gallery-masonry-item-wrapper

             {border-radius: 25px} 

             .section-background

             {border-radius: 25px}
 

Hi,

What is your site url?

On 12/27/2022 at 9:58 PM, tuanphan said:

Hi,

What is your site url?

https://www.okohart.com/

Hi,

#1. What should it look like?

#2. Which page are you referring to?

3 hours ago, tuanphan said:

Hi,

#1. What should it look like?

#2. Which page are you referring to?

#1. It should look the same as your screenshot, however that is not what appears when I access the website through my iPhone.

#2. I am referring to the home page and the painting section. The gallery format in the mixed media, sketch, and digital sections are all fine and have rounded corners on the images.