Как сделать выпадающее меню с фото из связки блоков ME301+FT301 на экранах >980px в Tilda

<style>
.t228__maincontainer {
    background: #000;
}
.t228.t228__positionstatic {
    position: relative;
}
.t228 {
    position: relative;
}
/*Настройка высоты вкладок */
.t228__list_item {
    height: 84px;
    display: inline-block  !important;
    padding: 0 15px !important;
    vertical-align: bottom;
   
}
/*Настройка вкладок */
.t228 .t-menu__link-item {
    height: inherit;
    display: table-cell !important;
    vertical-align: middle;
}
/*Цвет  вкладок при наведении */
.t228__list_item:hover {
    background:#ffffff;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.t228__list_item:hover .t-menu__link-item{
    color:#000 !important;  
}

/*Настройка для блока FT301 */
[data-record-type="344"] {
    position: absolute;
    width: 100%;
    z-index: -1;
    left: 0;
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
     transform: translateY(-100%);
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;

}
/*Появление меню при наведении на вкладку */
.t228__list_item:hover .mainmenu {
    display:block !important;
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
	-moz-transform: translateY(0%);
    transform: translateY(0%);
}
 .t344__col.t-col.t-col_3 {
    max-width: 180px;
    border-left: 1px solid #e2e2e2;
    margin-left: 0px;
    padding-left: 20px;
}
img.t344img {
    width: 250px;
    float: right;
}
.t344 li {
    transition: ease-in-out 0.5s;
}
/*Эффекты при наведении*/
.t344 li:hover { 
    color: #000; /*Цвет текста*/
    padding-left: 5px; /*Сдвиг вправо*/
    border-left: 3px solid #000; /*Левая граница*/
    cursor:pointer;
}    


@media screen and (max-width: 1200px){
.t344__col.t-col_3 {
    max-width: 140px !important;
}
}
</style>

<script>
	$(document).ready(function(){
	//Добавляем классы к блокам FT301  
	$('[data-record-type="344"]').addClass('mainmenu');
	//Добавляем блоки FT301 к соответствующим вкладкам в меню с указанием ID этого меню
       for(let i = 0; i < $(".mainmenu").length; i++){
       $('.mainmenu:eq('+i+')').appendTo('#rec136982174 .t228__list_item:eq('+i+')');
   };
   //Добавляем фото
    $('#rec136968790 .t-container').append('<img src="https://static.tildacdn.com/tild6631-3535-4565-a336-613732363239/1010Men_Flyout_nocop.jpg" class="t344img" imgfield="img">');
    $('#rec137341973 .t-container').append('<img src="https://static.tildacdn.com/tild3963-6361-4464-b733-363832313730/1010Women_Flyout_noc.jpg" class="t344img" imgfield="img">');
    $('#rec137341976 .t-container').append('<img src="https://static.tildacdn.com/tild3534-3833-4631-a331-346535636166/20190924-flyout-home.jpg" class="t344img" imgfield="img">');
   
});
</script>