.imagecarouse, .slogancarousel {
    visibility: hidden;
    display: none;
}
.slick-initialized {
    visibility: visible;
    display: inherit;
}
.imagecarousel .carouselitem {
    width: 100%;
    height: calc(50vw - 45px);
    max-height: 190px;
    margin-bottom: 0;
    position: relative; 
    padding: 0 30px;
}
.imagecarousel .carouselitem figure {
    margin: 0;
    max-height: 190px;
}

/* 1. Voorkom dat de carrousel zichtbaar is voordat Slick geladen is */
.imagecarousel:not(.slick-initialized) {
    visibility: hidden;
    height: 100px; /* Pas aan op de gemiddelde hoogte van je logo's om layout shifts te voorkomen */
    overflow: hidden;
}

/* 2. Zorg dat individuele items en afbeeldingen nooit groter kunnen worden dan de bedoeling is */
.imagecarousel .carouselitem {
    flex-shrink: 0;
}

.imagecarousel figure {
    margin: 0;
    width: 100%;
}

.imagecarousel img.img-fluid {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .imagecarousel .carouselitem {
        height: calc((540px / 2) - 30px);
    }   
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .imagecarousel .carouselitem {
        height: calc((720px / 3) - 30px);
    }   
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .imagecarousel .carouselitem {
        height: calc((960px / 4) - 30px);
    }    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .imagecarousel .carouselitem {
        height: calc((1140px / 6) - 30px);
    }       
}

/* Even larger devices (1500px and up) */
@media (min-width: 1500px) {
}
/* Even larger devices (1700px and up) */
@media (min-width: 1600px) {
}