Scrolling Gallery is targeting all galleries - Help!

https://dinosaur-horse-8k34.squarespace.com

PW: notyet

I have a gallery block on my homepage which is a folio of scrolling logos. The code I used is:

section[data-section-id="660306201b192a3d5c8ecd97"] {
  line-height: 2 !important;
overflow-x:hidden
}
.gallery-grid-wrapper {
display:flex !important;
animation: slideshow 40s linear infinite
}
.gallery-grid-wrapper .gallery-grid-item {
 min-width: 20%;
 margin-right: 5%
}
@keyframes slideshow {
  0%    { left: 0; }
  100%  { left: -125%; }
}

However, it now seems to be targeting all galleries on the site. I have some not linked pages which have a small gallery on, for example: https://dinosaur-horse-8k34.squarespace.com/ranchroastedcoffee which now also scrolls even though I have added the section ID for the block on the homepage.

7 hours ago, FTWSGEM said:

https://dinosaur-horse-8k34.squarespace.com

PW: notyet

I have a gallery block on my homepage which is a folio of scrolling logos. The code I used is:

However, it now seems to be targeting all galleries on the site. I have some not linked pages which have a small gallery on, for example: https://dinosaur-horse-8k34.squarespace.com/ranchroastedcoffee which now also scrolls even though I have added the section ID for the block on the homepage.

 

Hi, it seems the rest of your code wasn't enclosed within the specific section id, making your code target all galleries on your site. Try this:

section[data-section-id="660306201b192a3d5c8ecd97"] {
  line-height: 2 !important;
  overflow-x:hidden

    .gallery-grid-wrapper {
      display:flex !important;
      animation: slideshow 40s linear infinite
  }
  .gallery-grid-wrapper .gallery-grid-item {
    min-width: 20%;
    margin-right: 5%
  }
  @keyframes slideshow {
    0%    { left: 0; }
    100%  { left: -125%; }
  }
}

2 hours ago, Jia said:

Hi, it seems the rest of your code wasn't enclosed within the specific section id, making your code target all galleries on your site. Try this:

section[data-section-id="660306201b192a3d5c8ecd97"] {
  line-height: 2 !important;
  overflow-x:hidden

    .gallery-grid-wrapper {
      display:flex !important;
      animation: slideshow 40s linear infinite
  }
  .gallery-grid-wrapper .gallery-grid-item {
    min-width: 20%;
    margin-right: 5%
  }
  @keyframes slideshow {
    0%    { left: 0; }
    100%  { left: -125%; }
  }
}

 

Thank you, it seems to have stopped the other galleries but also the one I aim to target. 

Thank you @Jia amazing!

@Jia would you happen to know the code to keep this on a continual loop?