I’m wanting to create a section where the image on the right overflows off the page. However, it is currently squishing the images to fit them on the page, instead of extending off it.
Essentially, I am wanting to recreate the section design of the image I have attached.
This can definitely be achieved by just having the div containing the images float right and applying a negative margin-right with the parent div having overflow:hidden. I always try to avoid using negative margins because they can cause issues in browsers, sometimes, but that would absolutely do what you are looking for. Do you plan to make this horizontally scrollable to reveal the rest of the image and maybe more hidden past it, or do you just want the image to appear cut off for some reason?