Модальные окна

jQuery(document).ready(function($){
  var allBackCard = ["url(https://web-school.susu.ru/ioreshina/wp-content/uploads/sites/246/2024/01/pngwing.com-1.png)",
                     "url(https://mir-s3-cdn-cf.behance.net/project_modules/2800_opt_1/c3f36532721207.5605c5d85d4ae.JPG)",
                     "url(https://catherineasquithgallery.com/uploads/posts/2021-03/thumbs/1614588481_13-p-devushka-bezhit-na-belom-fone-15.png)"];
  var allContent = $(".cont-content-box .content-box");
   $('.card').click(function(){
     if($("#modal").is(":hidden")){
       var index = $(this).index();
     $(this).css("background",allBackCard[index]);
     var thisContent = allContent.eq(index);
     thisContent.addClass("active-content");
     
     $("#modal").slideDown( "slow" );
     $("#modal").addClass("active");
     $(".card").css("filter","brightness(40%)");
     } 
   });
  
  $("#close").click(function(){
    allContent.removeClass("active-content");
    $("#modal").hide( "slow" );
    $(".card").css("filter","");
  });
});

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;900&display=swap');
            #results6698{
                height: 100vh;
                padding: 0;
                margin: 0;
                font-family: 'Montserrat', sans-serif;
            }
            #back-card{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                
                height: 100vh;
                
            }
            .card{
                width: 33.3%;
               transition-duration: 1s;
                background-repeat: no-repeat !important;
                background-origin: border-box !important;
                background-position: center !important;
                background-size: 100% 100% !important;
                height: 100%;
                
               
            }
            #card-1{
                background-image: url(https://img-fotki.yandex.ru/get/4702/ladyo2004.107/0_52daa_2c380b3c_XL.jpg);
                z-index: 1;
            }
            #card-2{
                background: url(https://cbgd.ask.fm/wallpapers2/061/873/188/352/original/file.jpg);
                border-left: 1.6vw solid black;
                border-right: 1.6vw solid black;
                z-index: 1;
            }
            #card-3{
                background: url(https://www.bestshopping.es/WebRoot/StoreES/Shops/63731684/561D/26AE/AF77/C37E/D696/C0A8/2BBA/8274/Pantalon_corto_sport_mujer__124__PA0322__124__Color_negro.jpg);
                z-index: 1;
            }
            #modal{
                display: none;
                position: absolute;
                z-index: 5;
                background-color: white;
               width: 50%;
               height: 60%;
               border-radius: 1vw;
               padding: 2vw;
               
            }
            .control-box{
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                align-items:flex-start;
                width: 100%;
                
               
            }
            .control-box i{
                font-size: 1.5vw;
                padding: 1vw;
                z-index: 9;
                
            }
            .cont-content-box{
                height: 95%;
            }
            .content-box{
                display: none;
                height: 100%;
                padding: 0;
            }

.text-box{
                width: 60%;
                padding: 2.5vw;
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items:center;
                font-weight: 200;
                font-size: 1.2vw;
            }
            
            .text-box h2{
                margin: 0 0 2vw 0;
                
                font-size: 2vw;
                
            }
            .img-box{
                width: 45%;
                background-repeat: no-repeat !important;
                height: 140%;
                background-position: center !important;
                background-size: 100% 100% !important;
            }
.text-box p{
	font-size:1vw;
}
            #c-1 .img-box{
                background: url(https://tattooinfo.ru/800/600/https/i.pinimg.com/originals/73/73/93/7373932b6ee222b5ae4a55931cbd0de2.png);
                
            }
            #c-2 .img-box{
                background: url(https://cdn140.picsart.com/275574781039211.png);
                
            }
            #c-3 .img-box{
                background: url(https://www.eukafcenter.ch/assets/images/athlete.png?v=20230517);
                
            }
.active{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.active-content{
   display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
}
.text-box h2{
	font-weight:900;
}

Results:

Скрипка

— Смычковый музыкальный инструмент с четырьмя струнами, настроенными по квинтам: Gм D1 A1 E2. Самая высокая регистровая разновидность скрипичного семейства, ниже которой располагаются альт, виолончель и контрабас. Вместе с фортепиано скрипка является главным инструментом академической (классической) музыки. С середины XVIII века она составляет основу симфонического оркестра и струнного квартета. Как народный инструмент продолжает бытовать среди поляков, белорусов (см. троисти музыки), евреев (см. клезмер), северо-западных русских, чехов, латышей, шведов, норвежцев, эстонцев, венгров, румын, молдаван, цыган (см. тараф) и других народов.

Достопримечательности

― это не просто памятник истории или искусства, но объект массового потребления, своеобразный конструкт, товар, созданный массовой культурой для удовлетворения запросов нового типа потребителя. Конструирование достопримечательностей включает ряд операций: переведение памятника из поля функционирования искусства в поле функционирования массовой культуры; упрощение, а порой и искажение смыслов, ценностей, значений; тиражирование и организация массового потребления; переведение из сферы незаинтересованного эстетического восприятия в сферу престижного потребления

Спорт

— организованная по определённым правилам деятельность людей (спортсме́нов), состоящая в сопоставлении их физических и интеллектуальных способностей. Спорт представляет собой специфический род физической (или интеллектуальной) активности, совершаемой с целью соревнования, а также целенаправленной подготовки (СФП) к ним путём разминки, тренировки. В сочетании с отдыхом, стремлением к постепенному улучшению физического здоровья, повышению уровня интеллекта, получению морального удовлетворения, к совершенству, улучшению личных, групповых и абсолютных рекордов, славе, улучшению собственных физических возможностей и навыков спорт предназначен для совершенствования физико-психических характеристик человека.