Extending an Image Beyond a Large Container Div Without Horizontal Scrolling

Would you mind sending a read-only link?

https://preview.webflow.com/preview/swell-v7?utm_medium=preview_link&utm_source=design[…]&pageId=663e8ac9b78fc8e40847bbbf&locale=en&workflow=preview

what are you doing working today... its a holiday!

haha no rest for the wicked my friend!

something like this or? If not, do you have a design to reference at all by chance?

Yes... thats exactly what I'm thinking. Just something to breatk outside of the grid to make it a bit more interesting.

nice okay

reset all of the "position relative" settings to "position static" where I have the arrows. And then on the tab content 5 div, change from overflow hidden to overflow auto.

And then on the image wrapper div, increase the width by a percentage. Play around with this until you like it. On tablet/mobile breakpoints, adjust this width accordingly as well but generally, it scales down as the screen does.

You're the best! Thanks a million!

Hi Matt.... So I've done all that but now I get a horizontal scroll when the browser window overlaps the window. Is there a way to make it crop and bleed off the page when the browser window shrinks?