Вёрстка под Elementor

Нужно сверстать, вероятнее всего с использованием JS, что, впрочем, не догма, элемент для интеграции в Элементор (виджет html, который предназначен именно для вставки кода).

Образец по функционалу на сайте https://xometry.eu/en/ ( WP), в нижней части шапки любая из "плашек"

Слева - в "спокойном состоянии", справа - при наведении курсора. Такое - только для десктоп, в мобильной это не нужно, и, соответственно, мобильной версией не заморачиваться.

Дизайн, разумеется, будет иной, но подобный:

функционал - такой же: при наведении "плашка" чуть всплывает, с тенями, возможно - с небольшим скруглением углов, с изменением фона (скорее всего - тот же белый, но с меньшим уровнем прозрачности) и разворачивает в нижней части кликабельные кнопку и ссылку, 

Этих "плашек" (идентичных) несколько, расположены в ряд, нужно, чтобы каждая всплывала "на своём месте", подобно тому, как это на сайте примере. Соответственно, вёрстка одинаковая, лишь контент разнится.

Изображение в код вставляется ссылкой на медиа-библиотеку сайта рецепиента, но вёрстка предполагает круглую маску с цветной границей.

Цену не ставлю, тут исполнителю виднее, каков объём работы, и какова её стоимость, предлагайте, предварительно задав вопросы технического характера, если таковые будут. Само собой, варианты "100500 денег" не рассматриваются, я вполне ориентируюсь в том, сколько примерно времени это может занять, но и "за еду", понятно, нормальная работа не делается.

Организационно: предоставляю для работы сайт-клон того, для которого предназначается вёрстка, можно спокойно делать своё, не боясь сломать что-либо, и не пересекаясь с другими пользователями.

Убедительная просьба: не тратить своё, и не отнимать моё время, если у Вас нет опыта в том, как подружить вёрстку с Элементор, а также воздержаться от предложений общего характера обо всём вообще, и ни о чём конкретно. Нужно ТОЛЬКО то, что означено выше, в исполнении того, кто "в теме".

Спасибо.

Всем удачного и спокойного дня, без "мапедов" и прочих "вундервафель".