.gallery {
    width: 100%;
    max-width: 2000px;
    margin: 0 auto;
    &:hover {
        .flickity-prev-next-button.next {
            display: block;
        }
        .flickity-prev-next-button.previous {
            display: block;
        }
    }
}
.gallery-cell {
    width: 100%;
    max-width: 1000px;
    aspect-ratio: 1 / 0.46;
    padding: 0 5px;
}
.gallery-cell img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.flickity-prev-next-button.next {
    display: none;
    background: #fff;
    box-shadow: 0 0 3px grey;
    height: 60px;
    width: 60px;
    transition: all 0.3s ease;
    svg {
        fill: #333;
        transition: all 0.3s ease;
    }
    &:hover {
        background: #333;
        svg {
            fill: #fff;
        }
    }
}

.flickity-prev-next-button.previous {
    display: none;
    background: #fff;
    box-shadow: 0 0 3px grey;
    height: 60px;
    width: 60px;
    transition: all 0.3s ease;
    svg {
        fill: #333;
        transition: all 0.3s ease;
    }
    &:hover {
        background: #333;
        svg {
            fill: #fff;
        }
    }
}