.grid-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        /* Two equal columns */
        gap: 0px;
        /* Space between grid items */
    }

    .grid-item {
        background-size: cover;
        background-position: center;
        aspect-ratio: 1.5;
        /* Maintain aspect ratio of images */
        border-radius: 0px;
        /* Optional: Add rounded corners */
        overflow: hidden;
        /* Ensures that the image doesn't spill over the container */
        min-height: 200px;
        /* Ensures grid items have a minimum height */
    }

    .container-fluid {
        /* max-width: 100%;  */
        padding: 0px;
        width: 95%;
    }

    @media screen and (max-width:1640px) {
        .row {
            width: 80% !important;
        }

        .listnya {
            display: flex;
            position: relative;
            width: 33.33%;
            height: 250px !important;
            margin: 0 auto;
            overflow: hidden;
        }
    }

    .listnya {
        display: flex;
        position: relative;
        width: 33.33%;
        height: 300px;
        margin: 0 auto;
        overflow: hidden;
    }

    .itemnya img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .itemnya {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0px; */
        opacity: 0;
        transition: opacity 1.5s ease-in-out;
    }

    .itemnya1 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0px; */
        opacity: 0;
        transition: opacity 1.5s ease-in-out;
    }

    .itemnya2 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0px; */
        opacity: 0;
        transition: opacity 1.5s ease-in-out;
    }

    .itemnya3 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0px; */
        opacity: 0;
        transition: opacity 1.5s ease-in-out;
    }

    .itemnya4 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0px; */
        opacity: 0;
        transition: opacity 1.5s ease-in-out;
    }

    .itemnya5 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0px; */
        opacity: 0;
        transition: opacity 1.5s ease-in-out;
    }

    .itemnya6 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0px; */
        opacity: 0;
        transition: opacity 1.5s ease-in-out;
    }

    .itemnya7 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0px; */
        opacity: 0;
        transition: opacity 1.5s ease-in-out;
    }

    .itemnya8 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0px; */
        opacity: 0;
        transition: opacity 1.5s ease-in-out;
    }

    .itemnya9 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0px; */
        opacity: 0;
        transition: opacity 1.5s ease-in-out;
    }

    .itemnya10 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0px; */
        opacity: 0;
        transition: opacity 1.5s ease-in-out;
    }

    .itemnya11 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0px; */
        opacity: 0;
        transition: opacity 1.5s ease-in-out;
    }

    .itemnya12 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0px; */
        opacity: 0;
        transition: opacity 1.5s ease-in-out;
    }

    .itemnya13 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0px; */
        opacity: 0;
        transition: opacity 1.5s ease-in-out;
    }

    .itemnya14 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /* left: 0px; */
        opacity: 0;
        transition: opacity 1.5s ease-in-out;
    }

    .itemnya.active {
        opacity: 1;
    }

    .itemnya1.active {
        opacity: 1;
    }

    .itemnya2.active {
        opacity: 1;
    }

    .itemnya3.active {
        opacity: 1;
    }

    .itemnya4.active {
        opacity: 1;
    }

    .itemnya5.active {
        opacity: 1;
    }

    .itemnya6.active {
        opacity: 1;
    }

    .itemnya7.active {
        opacity: 1;
    }

    .itemnya8.active {
        opacity: 1;
    }

    .itemnya9.active {
        opacity: 1;
    }

    .itemnya10.active {
        opacity: 1;
    }

    .itemnya11.active {
        opacity: 1;
    }

    .itemnya12.active {
        opacity: 1;
    }

    .itemnya13.active {
        opacity: 1;
    }

    .itemnya14.active {
        opacity: 1;
    }

    .image-row {
        width: 85%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }