Сделать гифку из-под заголовка

Question

Я пытаюсь анимировать машину для сайта, который идет из-под заголовка.К сожалению, я не могу заставить его работать.GIF - это просто машина с движущимися колесами. Я делал анимированные движения, используя ключевые кадры в CSS.

HTML:

<div class="container">
        <div class="content">
            <div class="title">
                <p class="maintitle">Text</p>
                <div class="subtitle">Some more text</div>
            </div>
            <img src="anim.gif" class="caranim" alt="Animation" width="20%"">
        </div>
    </div>
</body>

CSS

@keyframes drive {
  from {margin-left: -10%;}
  to {margin-left: 20%;}
}

.caranim {
    animation-name: drive;
    animation-duration: 4s;
    margin-left: 20%;
}