.slider-track {
            display: flex;
            gap: 20px; /* Space between slides */
            /* Will be controlled by JS for dragging */
            padding-left: 0px; /* Offset for the first slide */
            width: 100%;
            touch-action: pan-y; /* Allow vertical scroll, handle horizontal in JS */
        }

        .slide-item {
			flex: 0 0 calc((100% - 40px) / 3);
            width: auto;
            height: auto;
            background-color: #333;
            position: relative;
            overflow: hidden;
            flex-shrink: 0; 
            pointer-events: none; /* Prevent image dragging interfering with slide drag */
        }

		.slide-item a{display:block;width:100%}

        .slide-item  a img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        /* Hover effect on images */
        .slide-item  a:hover img {
            transform: scale(1.05);
        }