#animBanner {
  min-height: 80vh;
  max-width: 100vw;
  overflow-x: hidden;
}
#animContainer {
  position: relative;
  padding-bottom: 100px;
  margin-top: 0px;
}
#animrapper {
  /* position: absolute; */
  display: flex;
  align-items: center;
  
}
#animrapper .imageHolder {
  /* animation: slideToLeft 1s ease infinite 1s; */
  /* animation-name: slideToLeft;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; */
  width: 20%;
  padding: 10px;
}
#animrapper img {
  margin: 20px 0px;
  border-radius: 2rem;
  height: 150px;
  width: 100%;
  object-fit: cover;
  box-shadow: -5px 5px 0 1px var(--accent);
}
#animrapper div:nth-child(2n + 1) {
  margin-top: 100px;
}
#animrapper div:nth-child(2n + 1) img {
  height: 150px;
}
#animrapper div:nth-child(even) img:nth-child(even) {
  height: 300px;
}
#animrapper div:nth-child(2n-1) img:nth-child(2n-1) {
  height: 300px;
}
/* @keyframes slideToLeft {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
} */


@media (max-width:768px){
  #animContainer{
    display: none;
  }
  #animBanner{
    padding-bottom: 50px ;
    min-height: fit-content;
  }
}