.clickable-images-our-platform {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 2%;
    margin: 2rem 2% 2rem;
    .clickable-image-wrapper {
        transition: scale 0.3s ease;
        position: relative;
        a {
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top:0;
            left: 0;
        }
        img {
            width: 100%;
        }
        span {
            display: none;
        }
    }
    .clickable-image-wrapper:hover {
        transform: scale(1.05);
    }
}

@media (max-width: 800px) {
    .clickable-images-our-platform {
        grid-template-columns: 1fr !important;
        .clickable-image-wrapper {
            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;
            img {
                display: none;
            }

            span {
                display: block !important;
                width: 100%;
                text-align: center;
                font-size: 6cqw;
                color: white;
            }
        }
    }
}