How to make these three overlapping images responsive?

Has anyone ever done photoshopping on a phone?
February 22, 2021
How Entrepreneurs Can Maximize Their Brand Voice Through Video Marketing
February 22, 2021

How to make these three overlapping images responsive?

I need images to reduce in size as the screen shrinks but keep the exact same positioning as the screen and image changes size.

I've tried using VW for the absolute position on the images but it doesn't work because I have a max width on the image, so once it gets to a certain breakpoint the positioning is off. Maybe I just need to have media queries at certain breakpoints and avoid VW completly?

I need to have the max width or the images just get way too big on larger screens

I've tried using percentage/pixel positioning too, but had a similar issue to the above.

I've been stuck on this for hours… any help is appreciated.

Codepen with working bootstrap example..

This is what I'm trying to make

submitted by /u/BirdYoung
[link] [comments]


Comments are closed.