.glide__slide {
    width: 720px;
    height: 68vw;
    background-color: #000;
    transition: opacity 100ms ease, transform 250ms ease;
    position: relative;
}

.glide__slide a, .glide__slide picture, .glide__slide img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center center;
}

button.glide__arrow {
    box-shadow: none;
    font-size: 3rem;
    border: none; 
    z-index: 10;
    width: auto;
    height: auto;
    line-height: 1;
    padding: 0;
    text-shadow: 0 0 2px #fff,
    0 0 5px #D02886,
    0 0 10px #D02886,
    0 0 20px #D02886,
    0 0 30px #D02886,
    0 0 40px #D02886;
    display: none;
}

button.glide__arrow:hover {
    box-shadow: none;
    text-shadow: 0 0 2px #fff,
    0 0 5px #19BCF3,
    0 0 10px #19BCF3,
    0 0 20px #19BCF3,
    0 0 30px #19BCF3,
    0 0 40px #19bcf3;
}

button.glide__arrow--right {
    text-align: right;
    right: -40px;
}

button.glide__arrow--left {
    text-align: left;
    left: -40px;
}

@media screen and (min-width: 769px) {    
    button.glide__arrow {
        display: block;
    }
    .glide__slides {
        overflow-y: visible;
        align-items: center;
        min-height: 40vw;
    }
    .glide__track {
        overflow-y: visible;
        min-height: 40vw;
    }
    .glide__slide {
        height: 30vw;
    }
    .slick-slide.slick-active {
        opacity: 1;
    }
    .glide__slide--active {
        transform: scale(1.2);
        opacity:1;
        z-index: 10!important;
    } 
    
}
@media screen and (min-width: 900px) {   
    .glide__track, .glide__slides {
        min-height: 30vw;
    } 
    .glide__slide {
        height: 25vw;
    }
}
@media screen and (min-width: 1300px) {   
    .glide__track, .glide__slides {
        min-height: 500px;
    } 
    .glide__slide {
        max-height: 330px;
    }
    .glide__slide--active {
        transform: scale(1.3);
        opacity:1;
        z-index: 10;
    } 
    button.glide__arrow--right {
        text-align: right;
        right: -60px;
    }
    
    button.glide__arrow--left {
        text-align: left;
        left: -60px;
    }
}


.slick-slide {
    background-color: black;
    transition: opacity 100ms ease, transform 250ms ease;
    position: relative;
}

.slick-slide a, .slick-slide picture {
    display: block;
    height: 100%;
}
.slick-slide .slide {
    height: 68vw;
}
.slick-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.slick-slide.slick-current {
    opacity:1;
}

button.slick-arrow {
    box-shadow: none;
    font-size: 3rem;
    border: none; 
    z-index: 10;
    width: auto;
    height: auto;
    line-height: 1;
    padding: 0;
}

button.slick-arrow:before {
    display: none;
}

button.slick-next {
    text-align: right;
    right: -40px;
}

button.slick-prev {
    text-align: left;
    left: -40px;
}

@media screen and (min-width: 769px) {    
    .slick-list {
        overflow-y: visible;
        min-height: 32vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .slick-slide .slide {
        height: 21vw;
    }
    .slick-slide.slick-active {
        opacity: 1;
    }
    .slick-slide.slick-current {
        transform: scale(1.4);
        opacity:1;
        z-index: 10!important;
    } 
    
}
@media screen and (min-width: 1300px) {   
    .slick-list {
        min-height: 500px;
    } 
    .slick-slide .slide {
        max-height: 330px;
    }
    .slick-slide.slick-current {
        transform: scale(1.4);
        opacity:1;
        z-index: 10;
    } 
    button.slick-next {
        text-align: right;
        right: -60px;
    }
    
    button.slick-prev {
        text-align: left;
        left: -60px;
    }
}

@media screen and (max-width: 767px) {

}