Create fixed background images as sections scroll by

On 8/29/2024 at 12:46 AM, CaminoQuest said:

Hey Tuanphan, thanks for your response. go to https://caminoquestpreview.squarespace.com/ PW: DEMO. Scroll down to 2025 Pilgrimages (scrolling marquee) and you'll see May 11-17 pilgrimage. Click on Explore this Route button and it will take you to the page in question. Once here you'll see I have 3 sticky sections that I would love to change to fixed image. Thanks! 

Try this code for Galician section

section[data-section-id="66cb5c8d3d670b2996b9870b"] {
  & {
      position: relative !important;

  }
  img {
      visibility: hidden;
  }
  .section-border {
      background-image: url(https://images.squarespace-cdn.com/content/v1/66ba2c75e4355a5823e54ffe/54d78f8a-b0fd-4d70-9557-9478bc8ec0ae/Galicia+Horreos.png?format=2500w);
      background-size: cover; 
      background-color: transparent !important;
      background-attachment: fixed;
  }
  .section-background, section {
      background-color: transparent !important;
  }
}