/* کلاس عمومی برای افکت */
.bouncefade {
    display: inline-block;
    transition: transform 0.9s ease, opacity 0.9s ease;
}

/* وقتی روی والد هاور شد، افکت روی آیکن اجرا می‌شود */
:hover > .bouncefade {
    animation: bounceFade 1s ease forwards;
}

/* تعریف کی‌فریم */
@keyframes bounceFade {
    0%   { opacity: 1; transform: translateY(0); }
    30%  { opacity: 0; transform: translateY(-30px); }
    60%  { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}


.grow-box{

}
.grow-box .grow-image{
    transition: transform 0.4s ease;
}
.grow-box:hover .grow-image{
    transform: scale(1.1);
}