Streaming live at 10am (PST)

Having trouble making images responsive while also having a rotational parallax

I’m having trouble making the images within the section that says “Put your highlights to work” shrink down when I decrease the browser width. The “backgroundpatternimage” decreases, but nothing else within that Div shrinks down.

Here’s a video to explain more: https://www.loom.com/share/d4483ad01572468884d8efb431d8b0b1


Here is my public share link: LINK
(how to access public share link)

Hi Liam, welcome to the forum :webflow_heart:

  1. Did you give these photos any size property?
  2. Can you share a read-only link?

Hey @avivtech. Yes, here’s an example

Read only link: https://preview.webflow.com/preview/clutch-influencers-page?utm_medium=preview_link&utm_source=designer&utm_content=clutch-influencers-page&preview=f3d2f114ac3a632f0a1074e67169884e&mode=preview

Once you give your elements any constant width, you can’t expect them to resize on their own… they keep the 160px you gave them… no matter what :sweat_smile:

If you want the, to automatically adjust themselves as the screen size changes, you need to give them relative widths. You can use VW.

*btw - the images on your page are very very heavy. A good practice for image weight is few hundred kb at most!! you have some 3 MB and others. This will have hard effect on page load time.

Great ill get these all updated. Thanks for answering my question.