<div class="loop"></div>

.loop {
  max-width:500px;
  margin:auto;
  --img:url(https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4lu1c8eilkw4ba0g2wld.png);
  overflow:hidden;
}
.loop:before {
  content:"";
  display:block;
  padding-top:calc(10/16 * 100%);
  background:
    var(--img) 46% 48%/454% 454%,
    var(--img) 50% 50%/100% 100%,
    var(--img) 46% 48%/22% 22%,
    var(--img) 46% 48%/4.8% 4.8%,
    var(--img) 46% 48%/1% 1%,
    #000;
  background-repeat:no-repeat;
  transform-origin: 46% 48%;
  animation: s 1s infinite;
}
@keyframes s{
  to {transform:scale(4.545)}
}