/* Make left container sticky in the vertical center */
.video-container-fixed {
    position: sticky !important;
    top: 50vh !important;
    transform: translateY(-50%);
    height: max-content;
    z-index: 10;
}

/* Base style for the image items */
.video-container-fixed .video-item {
    transition: opacity 0.5s ease;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

/* Active image item */
.video-container-fixed .video-item.is-active {
    opacity: 1;
    position: relative;
    z-index: 2;
}

/* Smooth transition for titles */
.trigger-item .trigger-title {
    transition: transform 0.4s ease;
}

/* Title shifts 40px to the right when active */
.trigger-item.is-active .trigger-title {
    transform: translateX(40px);
}