Html & Css yardım

Herkese Selamlar Çözmeye Çalıştığım Ufak Bir Sorunum Var Görelimin Sağ Tarafa Loop şeklinde Kaymasını İstiyorum Fakat codepen den aldığım kod ile yapmayı başardım fakat görsel css in içinden görseli alıyor

.image-loop{
  background: url([url]https://www.hizliresim.com/1y5hz11);[/url]
  animation: moveIt 10s linear infinite;
}
.scene{
  height:200px;
  width:300px%;
  border-style: groove;
  display: flex;
  align-items: center;
  justify-content: center;
}

benim yapmak istediğim ise html den resmi almak <img src="resim.jpg"> tagından görünmesi css in içinden değil

    <div  class="scene image-loop">
        <img src="resim.jpg" alt="tanrının eli tablosu">
        <a href="">
       <button type="button" class="btn btn-primary btn-lg">
        <i class="bi bi-zoom-in"></i>
</button>
        </a>
      </div>

sizce bu sorunu nasıl çözebilirim