Bio Images formatting issue in bigger Media Screen

[minnieb35]

Need to make sure when in a bigger media size, all containers and images increase in size proportionally and layout doesn't change. On Adam's laptop (2560pxx1440px), the bio images are not placed properly in the bigger screen size. I'm having difficulty knowing how to keep them in the same spot for smaller and bigger desktop sizes.

He wants it to look like this:

[

](url)

But in his screen size, it currently looks like this:

[baovuong]

looking at the wix site for reference, it looks like this is a thing as well

[minnieb35]

Gotcha, yeah he doesn't want it to look like that. He wants it staggered all the time no matter the media screen size, even on mobile, like i have in the first picture. He said that was really important to him.

[baovuong]

gotcha. so always staggered images (at least with those two photos). just so i understand a bit more, when in mobile, where should the text be relative to the photos?

[baovuong]

still working through it, but what do you think of this?

[minnieb35]

I'm assuming this is for mobile? I realized i forgot to mention his inspo website is: and in there on mobile the two pictures sandwich the bio text, which I had originally had set up for adam's bio. I just checked with Adam though and he said whatever is easiest for mobile so doesn't mind that set up for mobile.

[baovuong]

if you have mockups or something, that might help with implementation. is wix the best mockup to base off the implementation?

[minnieb35]

For that specific part for mobile, Wix is not the best mock up because the link I got from him just shows the desktop version. But this website https://www.mattcotterill.co.uk/ shows a good mock up for the mobile version for bio images layout.

[minnieb35]

Desktop (wix prototype):

Mobile (my prototype):