#my-carousel {
    display: inline-grid;
}

#my-carousel b {
    grid-area: 1 / 1;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

#my-carousel b.visible {
    /*position: relative;*/
    opacity: 1;
    transform: translateY(0);
}

#my-carousel b.behind {
    opacity: 0;
    transform: translateY(-20px);
}

#my-carousel b.invisible {
    opacity: 0;
    transform: translateY(20px);
}

.carrousel-wrapper {
    display: inline;
}

.kubio-slideshow {
    position: relative;
    height: 1000px;
    overflow: hidden;
}

.slideshow-image {
    background-attachment: scroll;
    /*height: 500px;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/*Animations*/

.modA-Animations-ScrollIntro {
    opacity: 0;
    transition-property: opacity, transform;
    transition-timing-function: ease;
}

.modA-Animations-ScrollIntro.is-visible {
    opacity: 1;
    transform: none;
}

[data-mod_a_animation_type="slide-in-left"] {
    transform: translateX(calc(var(--anim-amount, 100) * -1px));
}

[data-mod_a_animation_type="slide-in-right"] {
    transform: translateX(calc(var(--anim-amount, 100) * 1px));
}

[data-mod_a_animation_type="slide-in-up"] {
    transform: translateY(calc(var(--anim-amount, 100) * -1px));
}

[data-mod_a_animation_type="slide-in-down"] {
    transform: translateY(calc(var(--anim-amount, 100) * 1px));
}