.carf {
           border-radius:10px !important;
            position: relative;
            max-width: 800px; /* Adjust width as needed */
            margin: 50px auto;
            overflow: hidden;
            border: 2px solid #ddd;
        }

        .carf-inner {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }

        .carf-meti {
            min-width: 100%; /* Make each image take up full container width */
            transition: transform 0.5s ease-in-out;
        }

        .carf-meti img {
            width: 100%;
            display: block;
        }

        /* Navigation buttons */
        .prev, .next {
            position: absolute;
            top: 50%;
            width: 50px;
            height: 50px;
            background-color: rgba(0, 0, 0, 0.5);
            color: #fff;
            border: none;
            cursor: pointer;
            transform: translateY(-50%);
        }

        .prev {
            left: 0;
        }

        .next {
            right: 0;
        }
        
        .mko{
            object-fit:fill !important;
            height:300px !important;
            width:100% !important;
        }

        /* Hide buttons on small screens */
        @media (max-width: 600px) {
            .prev, .next {
                display: none;
            }
        }