Jump to content

Making Background Image overlap sections

Recommended Posts

Site URL: https://live-bright-now.squarespace.com/about

1672105589_ScreenShot2021-09-21at4_01_21PM.thumb.png.906982595c3ceda68febb1dd627646b7.png

Password: lbn2021

I am using circles as background images in section as I want them to animate on scroll (using pan Image Effect) but they are getting cropped at bottom and top as shown in screen grab. I tried using this for background image:

img.background-image-fx {object-fit: contain!important; visibility: visible!important; }

plus

section[data-section-id="614958e9a35ffc26df6db5e5"].section-background, section[data-section-id="614a58b4694c173f2b662873"].section-background-content {overflow: visible!important;}

 

but not working. Any help would be greatly appreciated.

thanks

-paula

Link to comment
  • Replies 2
  • Views 515
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.