.container-grid-image-collection {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr;

    @media screen and (min-width: 600px) {
        grid-template-columns: repeat(2, 1fr);

        @media screen and (min-width: 768px) {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    .container-card-collection-link {
        width: 100%;
        overflow: hidden;
        display: block;

        &:hover {
            .card-collection-image-desktop,
            .card-collection-image-mobile {
                transform: scale(1.05);
            }
        }

        .card-collection-image-desktop,
        .card-collection-image-mobile {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .card-collection-image-mobile {
            display: block;

            @media screen and (min-width: 600px) {
                display: none;
            }
        }

        .card-collection-image-desktop {
            display: none;

            @media screen and (min-width: 600px) {
                display: block;
            }
        }
    }
}