Эффект зума с поворотом при наведении на изображение с помощью CSS

Наведи на картинку своей мышкой riki i morti

1. Html разметка

<div class="conteiner">
    <img src="/img/rikiimorti.webp" alt="">
</div>

2. CSS разметка

.conteiner{
    width: 650px;
    height: 350px;
    overflow: hidden;
}
.conteiner img{
    width: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
}
.conteiner img:hover{
    transform: scale(1.2) rotate(10deg);
}