从动画中删除空白

Question

动画结束后如何删除此空白空间。

我需要一个连续的动画，每个动画周期之间都没有空白。

我需要保持图像映射正常工作。另外，删除底部的浏览器栏。

.home-section-logo-garden {
  width: 2398px;
  height: 134px;
  animation: logo-garden-slide 30s linear infinite
}

.home-section-logo-garden:hover {
  animation-play-state: paused
}

@keyframes logo-garden-slide {
  0 {
    transform: translateX(0)
  }
  100% {
    transform: translateX(-2398px)
  }
}

<img class="home-section-logo-garden" src="https://gtmetrix.com/static/r235/images/home-logo-garden-1x.png" alt="Planets" usemap="#planetmap">