.main {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.d3 {
  position: absolute;
  background-repeat: repeat;
  background: url(https://www.balihousepuncak.com/assets/images/villa3-2000x1333.jpg);
  background-size: 1200px;
  overflow: hidden;
  background-position: -100vw;
  top: 50%;
  transform: translateY(-50%);
  animation: dd3 55s 2;
  animation-delay: 1s;
}

@keyframes dd3 {
  50% {
    background-position: Calc(-50vw) 50%;
  }
}