.product-image {
    display: block;

    img {
        height: 52vh;

        &.active {
            display: block;
            margin: 0 0 0.75rem 0;
        }
    }
}

.image-list {
    display: flex;
    overflow: hidden;

    li {
        margin: 0 0.75rem 0 0;
        flex-basis: 100%;

        &:nth-child(3) {
            margin: 0;
        }
    }

    img {
        height: auto;
        width: 100%;
        transition: opacity 0.3s ease;
        cursor: pointer;

        &:hover {
            opacity: 0.7;
        }
    }

}