.wp-block-lcb-grid-logo {
    .gallery-inner {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
    }

    .image-item {
        width: 100px;
        height: 100px;
        img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            transition:
                transform 0.3s ease,
                filter 0.3s ease;
        }
    }

    .image-gallery {
        display: flex;
        gap: 20px;

        &.normal_to_gray .image-item:hover {
            filter: grayscale(100%);
            transition: filter 0.3s ease;
        }

        &.zoom_in .image-item:hover {
            transform: scale(1.1);
            transition: transform 0.3s ease;
        }

        &.zoom_out .image-item:hover {
            transform: scale(0.9);
            transition: transform 0.3s ease;
        }
    }
}
