.company-logo-slides {

     position: relative;
     background-color: rgb(219, 218, 210);
     width: 90%;
     max-width: 1536px;
     margin-inline: auto;
     height: 100px;
     margin-top: 22px;
     overflow: hidden;
     mask-image: linear-gradient(to right,
             rgba(224, 234, 37, 0)5%,
             rgba(0, 0, 0, 1),
             rgba(0, 0, 0, 0) 95%,
             rgba(0, 0, 0, 0));

 }


 .logo {

     position: absolute;
     width: 200px;
     height: 100px;
     left: 100%;
     animation-name: scrollleft;
     animation-duration: 20s;
     animation-timing-function: linear;
     animation-iteration-count: infinite;


 }

 @keyframes scrollleft {
     to {
         left: -200px;
     }
 }


 .logo1 {
     animation-delay: calc(20s / 4 * (4 - 1) * -1);

 }

 .logo2 {
     animation-delay: calc(20s / 4 * (4 - 2) * -1);
 }

 .logo3 {
     animation-delay: calc(20s / 4 * (4 - 3) * -1);
 }

 .logo4 {
     animation-delay: calc(20s / 4 * (4 - 4) * -1);
 }