Streaming live at 10am (PST)

Keep images matching in responsive - Flex layout


I’m quite a beginner on frontend and new to webflow, but I’m trying to create a full-screen cover with an image split into 6 slices that actually make the final image. The idea is to create a layout and then an animation similar to the one at this link:

I’ve created a section with Flex Layout that contains 6 Divs and an image in each div, but I’m stuck trying to making this work on responsive, because it actually works just on a specific resolution: resizing the viewport makes the “slices” to do not match between each other.

Anyone have some tips about how to do that? Possibly I’m doing it the wrong way :blush:

Thank you!