Problem with responsive pictures

Hello,

I am having trouble making my pictures responsive on tablet and mobile (landscape and portraits).

The desktop version is good. Impossible to adapt the pictures in the right format on tablet and mobile.

For now, I had to delete them on mobile, and change the size in a terrible way on tablet.

Thank you for your help.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi @mikael Welcome to the community! :smiley:

Can you please update your post with some more information so we can help you faster? Things like screenshots and your environment info really speed things up.

Posting guidelines can be found here: Posting Guidelines for the Design Help Category - General - Forum | Webflow

Thanks in advance! :slight_smile:

Hello
yes of course :slight_smile:

  • on desktop, all good, 2 examples :


  • on tablet, huge white space between the bottom of the container to the bottom of the picture :

  • on mobile landscape, pictures (that are on the left, then on the right of the picture on desktop) are now up then down the picture (could be ok to have them either all up or all down), and text gets out of the containers :


on mobile portrait, same as landscape :



I would love to delete this white space on tablet while keeping the quality of the picture, and make sure pictures are either up or down the text on mobile and that text remains centered and in the containers.

And I don’t manage on mobile to move the pictures up or down without changing desktop…

Thanks a lot for your help !!!