.slideshow li {
    position: relative;
    margin-bottom: var(--default-spacing);
}
.slideshow li .wrapper  {
    height: auto;
}
.slideshow li video,
.slideshow li img {
    max-width: 100%;
    max-height: 90vh;
    display: block;
    margin: auto;
}
@media only screen and (min-width: 768px) {
    .slideshow .slick-arrow {
        display: inline-block !important;
    }
    .slideshow li {
        margin-bottom: 0;
    }
    .slideshow li video,
    .slideshow li img {
        width: 100%;
        position: absolute;
        object-fit: contain;
        left: 0;
        top: 0;
        height: 100%;
        max-height: none;
        max-width: none;
        margin: 0;
    }

    .slideshow li .wrapper  {
        height: 70vh;
        position: relative;
    }
    .slick-slide {
        margin: 0 calc(var(--default-spacing) / 2);;
    }
}