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:

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:

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.