Jump to content

Making Background Image overlap sections

Recommended Posts

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


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; }


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.



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.