.gallery-container {
    width: 100%;
    height: 75vh;
    background: #f3f4f5;
    border-radius: 30px;
    overflow: hidden;
  }
  .photo-container {
    position: relative;
    top: -90px;  
    left: -120px;  
    transform: rotate(10deg);
  }
  .photo-cont-item {
    display: flex;
    width: calc(380px * 6); 
    .photo-item {
      width: 320px;
      height: 200px;
      margin-right: 60px;
      margin-bottom: 60px;
      border-radius: 16px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.15);
    }
  }
  
  .animation-1 {
    animation: scroller 40s linear infinite;
    display: flex;
    width: calc(380px * 12);
  }
  .animation-2 {
    margin-left: 150px;
    animation: scroller 30s linear infinite;
    display: flex;
    width: calc(380px * 12);
  }
  .animation-3 {
    animation: scroller 50s linear infinite;
    display: flex;
    width: calc(380px * 12);
  }
  
  
 
  @keyframes scroller {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX( calc(-380px * 6) ); 
    }
  }
  
  
  

  .photo-1 {
    background-image: url(Images/gallery/gallery-1.png);
  }
  .photo-2 {
    background-image: url(Images/gallery/gallery-2.jpg);
  }
  .photo-3 {
    background-image: url(Images/gallery/gallery-3.jpg);
  }
  .photo-4 {
    background-image: url(Images/gallery/gallery-4.png);
  }
  .photo-5 {
    background-image: url(Images/gallery/gallery-5.jpg);
  }
  .photo-6 {
    background-image: url(Images/gallery/gallery-6.jpg);
  }
  .photo-7 {
    background-image: url(Images/gallery/gallery-7.jpg);
  }
  .photo-8 {
    background-image: url(Images/gallery/gallery-8.jpg);
  }
  .photo-9 {
    background-image: url(Images/gallery/gallery-9.jpg);
  }
  .photo-10 {
    background-image: url(Images/gallery/gallery-10.jpg);
  }
  .photo-11 {
    background-image: url(Images/gallery/gallery-11.jpg);
  }
  .photo-12 {
    background-image: url(Images/gallery/gallery-12.jpg);
  }
  .photo-13 {
    background-image: url(Images/gallery/gallery-13.jpg);
  }
  .photo-14 {
    background-image: url(Images/gallery/gallery-14.jpg);
  }
  .photo-15 {
    background-image: url(Images/gallery/gallery-15.jpg);
  }
  .photo-16 {
    background-image: url(Images/gallery/gallery-16.jpg);
  }
  .photo-17 {
    background-image: url(Images/gallery/gallery-17.jpg);
  }
  .photo-18 {
    background-image: url(Images/gallery/gallery-18.jpg);
  }