.ben-day-section {
  --circle-size: 10vw;
  --circle-color: yellow;

  background-color: var(--light-background-color);
  background-image: url(https://images.unsplash.com/photo-1496450681664-3df85efbd29f?auto=format&fit=crop&q=80&w=1000&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
  background-size: cover;
  position: relative;
  /* background-attachment: fixed; */

  &::after {
    content: '';
    display: inline-block;
    background-color: var(--circle-color);
    width: var(--circle-size);
    height: var(--circle-size);
    overflow: hidden;
    border-radius: 1000px;
    mix-blend-mode: exclusion;
    position: absolute;
    left: 0;
    top: calc(50vh - var(--circle-size) / 2);
    view-timeline-name: --subjectRevealTimeline;

    animation-timeline: --subjectRevealTimeline;

    animation-name: dotslide;
    animation-fill-mode: both;
    animation-timing-function: linear;
    animation-duration: 1ms;
    animation-range-start: entry 150%;
    animation-range-end: exit -50%;

    transition: all 1s ease-in-out;
  }
}

@keyframes dotslide {
  0% {
    left: 0;
    box-shadow:
      0 0 0 0 var(--circle-color);
    ;
  }

  50% {
    left: 0;
    box-shadow:
      calc(1 * var(--circle-size)) calc(2 * var(--circle-size)) 0 0 var(--circle-color)
      ,calc(2 * var(--circle-size)) calc(0 * var(--circle-size)) 0 0 var(--circle-color)
      ,calc(3 * var(--circle-size)) calc(2 * var(--circle-size)) 0 0 var(--circle-color)
      ,calc(4 * var(--circle-size)) calc(0 * var(--circle-size)) 0 0 var(--circle-color)
      ,calc(5 * var(--circle-size)) calc(2 * var(--circle-size)) 0 0 var(--circle-color)
      ,calc(6 * var(--circle-size)) calc(0 * var(--circle-size)) 0 0 var(--circle-color)
      ,calc(7 * var(--circle-size)) calc(2 * var(--circle-size)) 0 0 var(--circle-color)
      ,calc(8 * var(--circle-size)) calc(0 * var(--circle-size)) 0 0 var(--circle-color)
      ,calc(9 * var(--circle-size)) calc(2 * var(--circle-size)) 0 0 var(--circle-color)
    ;
  }

  100% {
    left: calc(100vw - var(--circle-size));
    box-shadow:
      0 0 0 0 var(--circle-color);
  }
}