<div class="slider">
  <div class="slideshow">
    <a href="link1.html"><img src="logo1.jpg" alt="Logo 1" class="logomarka"></a>
    <a href="link2.html"><img src="logo2.jpg" alt="Logo 2" class="logomarka"></a>
    <a href="link3.html"><img src="logo3.jpg" alt="Logo 3" class="logomarka"></a>
    <a href="link4.html"><img src="logo4.jpg" alt="Logo 4" class="logomarka"></a>
    <a href="link5.html"><img src="logo5.jpg" alt="Logo 5" class="logomarka"></a>
    <a href="link6.html"><img src="logo6.jpg" alt="Logo 6" class="logomarka"></a>
    <a href="link7.html"><img src="logo7.jpg" alt="Logo 7" class="logomarka"></a>
    <a href="link8.html"><img src="logo8.jpg" alt="Logo 8" class="logomarka"></a>
    <a href="link9.html"><img src="logo9.jpg" alt="Logo 9" class="logomarka"></a>
    <a href="link10.html"><img src="logo10.jpg" alt="Logo 10" class="logomarka"></a>
    <a href="link11.html"><img src="logo11.jpg" alt="Logo 11" class="logomarka"></a>
    <a href="link12.html"><img src="logo12.jpg" alt="Logo 12" class="logomarka"></a>
    <a href="link13.html"><img src="logo13.jpg" alt="Logo 13" class="logomarka"></a>
    <a href="link14.html"><img src="logo14.jpg" alt="Logo 14" class="logomarka"></a>
    <a href="link15.html"><img src="logo15.jpg" alt="Logo 15" class="logomarka"></a>
  </div>
</div>

.slider {
  width: 100%;
  overflow: hidden;
}

.slideshow {
  display: flex;
  width: 200%;
  animation: slide 30s infinite;
}

.logomarka {
  width: 85px;
  height: 85px;
  object-fit: cover;
  border-radius: 50%;
  margin: 10px;
  box-shadow: 0px 0px 12px gray;
}

.logomarka:hover {
  transform: scale(1.1);
}

.logomarka a {
  display: block;
  width: 100%;
  height: 100%;
}

@keyframes slide {
  0% {
    transform: translateX(0);
  }
  16.666% {
    transform: translateX(-100%);
  }
  33.333% {
    transform: translateX(-200%);
  }
  50% {
    transform: translateX(-300%);
  }
  66.666% {
    transform: translateX(-400%);
  }
  83.333% {
    transform: translateX(-500%);
  }
  100% {
    transform: translateX(-600%);
  }
}