.popup-8-image-control {

    display: flex;
    flex-direction: column;
    width: 100%;

}

.popup-8-image-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 8px;
    margin-top: 8px;
}


.popup-8-image-start {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.popup-8-image-start:hover{
    transform: none;
}

.popup-8-image-in-grid {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}


/* Extra large devices (large desktops, 1400px and up) */
@media (max-width: 1400px) {
    .main-control {}
}

/* Large devices (laptops/desktops, 1200px and up) */
@media (max-width: 1200px) {
    .main-control {}
}


/* Medium devices (small laptops, 992px and up) */
@media (max-width: 992px) {
    


}
@media (max-width: 768px) {

    .popup-8-image-in-grid {
        height: 200px;
    }
    
   
   
}