Hi,

Do not put pixels in images.

I looked at the sample image. It looks like this.

#sppb-addon-1637272132649 img {
    width: 640px;
    max-width: 640px;
    height: 480px;
}

What should I do then? I want all 3 amages to have teh same widht and height on a large screen and I want them to fit the width of the screen on mobile.

I tried to set teh width to 100% or to 100vw, but that is not accepted.

Hubert

Hi there!

Thanks for your query.

Are you talking about the Image addon? https://prnt.sc/203h8yg

This addon is a responsive addon as per my knowledge. Please remove specific width/height value from the addon, then it sould be responsive by default.

Here is some screenshots from my end:

https://prnt.sc/203ctbq

https://prnt.sc/203cwk0

https://prnt.sc/203czwv

Do let me know if it helps!

Best Regards

Have you tried? I think it looks pretty smooth.

In desktop view I want them to show in the same size.

Hi. But the images are distorted, since you specify the size that conflicting with their proportions. In addition, an increase in the size of the image is more than its real size, worsens the quality. You need to prepare images in Photoshop, focusing on the maximum size of the screen for which you want it to work. For example, if you count on the maximum screen width of 2000px, then you must prepare images 667x640.

Hello,

I think you have used tilt effect and scaling both at a time.

I have given you an example of 3 images within 3 equal columns of a row/section. And it seems okay. So, you may try to remove extra size values and effects from each of your image addons to see if it works for you or not.

Please follow Pavel's instructions to prepare your equal-sized images first.

Best Regards