Сердце по кругу

Создайте веб-страницу, на которой бесконечно по кругу движется изображение сердца, как это показано на видео ниже.

Файлы
heart_0.svg (632 bytes)
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Сердце</title> <style> .heart { position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); animation: circle 7s infinite linear; } @keyframes circle { from { transform: rotate(0) translateX(100px) rotate(0); } to { transform: rotate(360deg) translateX(100px) rotate(-360deg); } } </style> </head> <body> <div class="heart"><img src="image/heart.svg" alt=""></div> </body> </html>