.slider-container {
        width: 100%;
        overflow-x: hidden; /* Hide the horizontal scrollbar */
        white-space: nowrap; /* Prevent thumbnails from wrapping */
        cursor: grab; /* Change cursor to grabbing */
	}

    .thumbnail {
        display: inline-block;
        height: 400px;
		max-width: 300px;
        margin-right: 12px; /* Adjust as needed */
    }

    .thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Maintain aspect ratio */
        cursor: pointer; /* Change cursor to pointer on hover */
    }
    

	.slider-container:active {
    	cursor: grabbing; /* Change cursor to grabbing while dragging */
	}