Можно ли починить hover?

Question

[LI4NOOST]

Есть проблема. Использую библиотеку AOS, для анимации при появлении и и скролле. Но есть проблема, когда делаю ховер при наведении на элемент, что бы он при наведении поднялся вверх, обратно он падает очень быстро, и плавность свойством transition не задается. Элемент просто не реагирует... Может есть какой то вариант обхода данного вопроса? Нужно что бы картинка опускалась плавно.

<div class="first">
                <div class="text_block double">
                    <h2 class="large_block__title double_title">Имя вашего сайта</h2>
                    <p class="large_block__subtitle double_subtitle">Своё доменное имя, продвигающее твой бизнес,
                        которым легко делиться в любой соц. сети.</p>
                </div>
                <img class="first_double_image" data-aos="fade-up" data-aos-duration="600" src="images/phone-2.png" alt="half-phone">
            </div>

.first_double_image {
    object-fit: cover;
    position: absolute;
    top: -190px;
    right: -59px;
    height: 1105px;
    width: 300px;
    transition: 0.3s ease-in;
}

.first_double_image:hover{
    animation: aga 0.3s ease-in;
    animation-fill-mode: forwards;
}

Answer 1

[Виталий Першин]

Сделайте обертку для элемента, который хотите анимировать при появлении и навешивайте эффекты появления на обертку, а ховеры уже на конкретный элемент, чтобы не переопределялись свойства ваши и библиотеки