.inview {
    /*transition: all var(--transition-time);*/
    
}

.inview.is-inview {
   
}
.animation_onebyone.inview .animation_target {
    visibility: hidden;
    opacity: 0;
    
}
.animation_onebyone.is-inview .animation_target {
    visibility:visible;
    animation-name: onebyone;
    animation-duration: var(--transition-time);
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}



@keyframes onebyone {
100% {
    opacity: 1;
}
}
  
.scroll-show {
    display: none;
}

.scroll-show.is-active {
    display: block;
}