section.valid-image {
  width: 100%;
}
@media only screen and (min-width: 500px) {
  section.valid-image {
    width: 90%;
    margin: auto;
  }
}
@media only screen and (min-width: 1200px) {
  section.valid-image {
    height: 70vh;
    width: auto;
  }
}
section.valid-image figure {
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) {
  section.valid-image figure {
    width: 50%;
    max-height: 100%;
    margin: auto;
  }
}
@media only screen and (min-width: 1700px) {
  section.valid-image figure {
    width: 40%;
  }
}
section.valid-image figure img {
  width: 100%;
}
section.valid-image figure img.basic {
  animation: rotate 8s linear infinite;
}
section.valid-image figure img.animation-valid-image {
  position: absolute;
  top: 0;
  left: 0;
  animation: scale 5s linear infinite;
}
section.valid-image figure img.animation-valid-image.object2 {
  animation-delay: 0.5s;
}
section.valid-image figure img.animation-valid-image.object3 {
  animation-delay: 1.5s;
}
section.valid-image figure img.animation-valid-image.object4 {
  animation-delay: 2.5s;
}
section.valid-image figure img.animation-valid-image.object5 {
  animation-delay: 3.5s;
}
section.valid-image figure img.animation-valid-image.object6 {
  animation-delay: 4.5s;
}
section.valid-image figure img.animation-valid-image.object7 {
  animation-delay: 5.5s;
}
section.valid-image figure img.animation-valid-image.object8 {
  animation-delay: 6.5s;
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}