Help: Image that bleeds off page?

Hello, 

I'm creating a new site and don't have a link to share, but I want to make a home page like the one below. I can't figure out how to to do the image on the right so that it is round, but takes up the whole page and bleeds off screen. 

This is not my niche so feel free to dumb it down 🙂

Thanks!

https://www.jennifermfernandez.com/

You can do this with Squarespace 7.1 by creating a blank section on a page and then dragging an Image Block and a Text Block into the required positions. You can set an image shape to get the circle.

8 hours ago, paul2009 said:

You can do this with Squarespace 7.1 by creating a blank section on a page and then dragging an Image Block and a Text Block into the required positions. You can set an image shape to get the circle.

Hi Paul, 

Thank you. I think that's what I have been doing but I hit a limit at how big I can make the image/circle. I'm not sure how to get past those boundaries. I'd like it to take up most of the one half of the page, almost like a split screen, but with the rounded shape. 

I think you should be able to see this? 

https://frog-blueberry-fgtj.squarespace.com

1 hour ago, StationeryNomad said:

I think you should be able to see this? 

You'll need to set a site-wide password and share it with us. See How to Post a Forum Question for details.

Sorry to come back to this, I had to take a break for a bit. I published my page. 

http://www.shara.ca/

I want the round image to fill the entire right side and bleed out like with this site 

https://www.jennifermfernandez.com/

On 10/6/2022 at 6:36 AM, StationeryNomad said:

Sorry to come back to this, I had to take a break for a bit. I published my page. 

http://www.shara.ca/

I want the round image to fill the entire right side and bleed out like with this site 

https://www.jennifermfernandez.com/

Try adding this to Design > Custom CSS

div#block-yui_3_17_2_1_1660293656321_101703 .fluid-image-animation-wrapper {
    justify-content: flex-end !important;
    position: relative;
    right: 20px;
}