Написание кода на анимацию блока с сайта донора

По аналогии с сайтом донором необходимо прописать код для блока с такой же анимацией и работой блока при скроле Сайт донор https://ever.ru/news-promotions Блок, логика работы которого необходима https://ru.paste.pics/c6ab37ba2cee11cee1a736ce82ce7c2a Блок, который необходимо будет сверстать тут, называется Другие события https://www.figma.com/design/LEYGRBLyrfTvFqoJXbP9XF/Untitled?node-id=0-1&t=vRpEyJzO1Ox1qFsm-1 В фигме показаны два состояния карточки: слева пассивное, справа - активное (ховер). Задача: чтобы срабатывал эквалазейр при наведении на карточку мероприятия, шла волна. Слайдер нужен в проекте swiper, стек технологий JavaScript. Обратите внимание, что текстовый блок на карточке остается на неизменной высоте в макете, а раскрывается сама фотография (фон) по высоте. Помимо прочего, нужен горизонтальный скрол при работе на тачпаде, планшетах. Мобильная версия не нужна.