footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 80px;
  pointer-events: none;
}
 
.pin-roller {
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 70px;
  height: 70px;
  animation: rollAcross 6s linear infinite;
}
 
@keyframes rollAcross {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(-80px);
  }
}
 
@media (prefers-reduced-motion: reduce) {
  .pin-roller {
    animation: none;
  }
}