.clickable-images-our-platform {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2%;
    margin: 2rem 2% 2rem;
}

.clickable-images-our-platform .clickable-image-wrapper {
    position: relative;
    transition: scale 0.3s ease;
}

.clickable-images-our-platform .clickable-image-wrapper a{
    position:absolute; inset:0; display:block;
}

.clickable-images-our-platform .clickable-image-wrapper img{
    width:100%; height:auto; display:block;
}

.clickable-images-our-platform .clickable-image-wrapper:nth-child(1),
.clickable-images-our-platform .clickable-image-wrapper:nth-child(3){
    grid-column: span 2;
}

.clickable-images-our-platform .clickable-image-wrapper:hover{
    transform: scale(1.05);
}

@media (max-width: 800px){
    .clickable-images-our-platform{ grid-template-columns: 1fr !important; }
    .clickable-images-our-platform .clickable-image-wrapper{
        grid-column: auto !important;
        background-color: var(--logo-red);
        box-shadow: 0 6px 12px rgba(0,0,0,0.25);
        border-radius: 20px;
        width: min(600px, 100%);
        height: fit-content;
        container-type: inline-size;
        margin: 0.3rem auto;
    }
    .clickable-images-our-platform .clickable-image-wrapper img{ display:none; }
    .clickable-images-our-platform .clickable-image-wrapper span{
        display:block !important; width:100%; text-align:center; font-size:6cqw; color:#fff;
    }
}