.slideshow-box {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9;
        border-radius: 16px;
        overflow: hidden;
        background: #e6f0f8;
    }
    .slideshow-img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        opacity: 0;
        transform: translateZ(0);
        transition: opacity 5s ease-in-out;
        will-change: opacity;
    }
    .slideshow-img.slideshow-visible { opacity: 1; }
    .slideshow-img.slideshow-carbon {
        animation: carboncilloAColor 5.4s ease-out forwards;
    }
    @keyframes carboncilloAColor {
        0%   { filter: grayscale(100%) contrast(230%) brightness(115%) saturate(0%);  }
        20%  { filter: grayscale(85%)  contrast(210%) brightness(113%) saturate(15%); }
        40%  { filter: grayscale(60%)  contrast(170%) brightness(108%) saturate(45%); }
        65%  { filter: grayscale(20%)  contrast(120%) brightness(103%) saturate(80%); }
        100% { filter: none; }
    }