JSFiddle - React, Tailwind, and code Playground

by Dawid Karwat

HTML

<div id="paczka">
    <div id="kot"></div>
</div>

CSS

#paczka{
    width: 320px;
    height: 240px;
    overflow: hidden;
}
#kot{
    width: 200%;
    height: 100%;
    background-image: url('http://www.groovythemes.com/animals/sleepy_kitten-med.jpg');
    background-size: contain;
    -webkit-animation: przesuwaj 3s linear infinite;
    animation: przesuwaj 3s linear infinite;
}
@-webkit-keyframes przesuwaj{
    0%{ transform: translateX(0); }
    100%{ transform: translateX(-50%); }
}
@keyframes przesuwaj{
    0%{ transform: translateX(0); }
    100%{ transform: translateX(-50%); }
}