.vertmarquee-content {
    display: flex;
    flex-direction: column;
    animation: vertical-marquee 10s linear infinite; 
    animation-play-state: running; 
      z-index:-1;
}

.vertmarquee-container:hover .vertmarquee-content {
    animation-play-state: paused; 
}

@keyframes vertical-marquee {
  0% { transform: translateY(-118%); }
  100% { transform: translateY(0); }
}

.vertmarquee2-content {
    display: flex;
    flex-direction: column;
    animation: vertical-marquee2 10s linear infinite; 
    animation-play-state: running; 
      z-index:-1;
}

.vertmarquee2-container:hover .vertmarquee2-content {
    animation-play-state: paused; 
}

@keyframes vertical-marquee2 {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-99%); 
    }
}

.vertmarquee2-content img, .vertmarquee-content img  {
    margin-top:10px;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.65);
 filter: sepia(100%) saturate(90%) brightness(90%) hue-rotate(90deg);
}

.vertmarquee2-content img:hover, .vertmarquee-content img:hover  {
   transition: .3s ease;
   transform: translate(0, -3px) scale(1.01);
 filter: sepia(0%) saturate(100%) brightness(100%) hue-rotate(0deg);
}

.footermarq-content {
    display: flex;
    animation: hori-marquee 30s linear infinite; 
    animation-play-state: running; 
      z-index:-1;
}


@keyframes hori-marquee {
  0% { transform: translateX(-140%); }
  100% { transform: translateX(0); }
}

.headermarq-content {
    display: flex;
    animation: hori2-marquee 10s linear infinite; 
    animation-play-state: running; 
      z-index:-1;
}


@keyframes hori2-marquee {
  0% { transform: translateX(50%); }
  100% { transform: translateX(0); }
}