.custom-slider {
        width: 100%;
        position: relative;
        background: #f3f3f3;
        overflow: hidden;
    }

    /* Set proper height for desktop, tablet, mobile */
    .custom-slider {
        height: 600px;
        /* Desktop height */
    }

    @media (max-width: 1024px) {
        .custom-slider {
            height: 600px;
            margin-top: 0% !important;
            transform-origin: center;
        }
    }

    @media (max-width: 768px) {
        .custom-slider {
            height: 263px;
            margin-top: 24% !important;
            /* transform: scale(1.3);   Increase number for more zoom */
            transform-origin: center;
        }
    }

    @media (max-width: 480px) {
        .custom-slider {
            height: 200px;
            margin-top: 30% !important;
            width: 90%;
            object-fit: cover;
            transform: scale(1.3);
            transform-origin: center;
        }
    }

    /* Image Styling */
    .custom-slider .slides img {
        width: auto;
        /* Important */
        height: 100%;
        /* Image uses full slider height */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
        opacity: 0;
        transition: opacity 1s ease-in-out;
        transform-origin: center;
    }

    /* Active image */
    .custom-slider .slides img.active {
        opacity: 1;
    }

    .custom-slider {
        margin-top: 5%;
        /* adjust if needed */


    }