.image-carousel-container {
    display: flex;
    flex-direction: row;
    align-items: center;

    width: 80%;
    height: 50vw;
    margin: 0 auto;
    overflow: hidden;

    -webkit-mask-image: linear-gradient(90deg, transparent, black, transparent);
    mask-image: linear-gradient(90deg, transparent, black, transparent);
}


.image-carousel {
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: margin-left 0.3s;

}

.image-carousel img {
    width: 15vw;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin-right: 5vw;
    filter: blur(10px);
    transition: filter 0.3s, width 0.3s;
}

.image-carousel>.primary {
    width: 30vw;
    aspect-ratio: unset;

    filter: none;
}

.image-carousel-control {
    font-size: xxx-large;
    position: absolute;
    cursor: pointer;
    color: white;
    font-weight: bold;
}

.control-left {
    margin-left: calc(50% - 29vw);
}

.control-right {
    margin-left: calc(50% + 7vw);
}