Content Across Different Desktop Breakpoints

I’m having some trouble with content that I’ve placed in a Grid. On the largest breakpoint (3728x1278), it looks fine, but when I scale down, the left side which has an image and text gets messed up. Spacing, sizing, positioning, etc. If I make the image bigger by percentage, it changes on the larger breakpoint and overlaps the text, and if I change the positioning, it still messes up.

How can I fix it?

See screenshot:
3728x1278

1920x1080

Hi @Shadius – We can take a look at this. Is there a link you can send us so we can check the breakpoints? Thanks.

It’s hard to understand the issue from the screenshots. Anyway, if I understood correctly, here is an example of how I would do it:

This would be what I want to accomplish, however, it’s not working for me. When I Stack the content, my Slider on the right half of my Grid gets pushed off screen.

Hi, @aaronge

Can you guide me on how to create a link for you to take a look?

@weareprojectu
ok here are some videos and suggestions on this but still you need to play around the dockings for the star image I think
1st video is silent it just resizing play around

and second one contains some suggestions
this is my personal view on how you can adjust this in better way, but still even if you stick to the layout you got, you can try using stack and grids in the text+images container

and for the section in general for example it could be like this: