.scrolling-wrapper {
    overflow-x: auto; /* Enables horizontal scrollbar */
    overflow-y: hidden; /* Hides vertical scrollbar */
    white-space: nowrap; /* Prevents wrapping */
    padding: 10px 0;
    scroll-behavior: smooth; /* Smooth scrolling */
    width: 100%;
    max-width: 100%;
}

.scrolling-content {
    display: inline-block;
    white-space: nowrap;
}

.scrolling-img {
    display: inline-block;
    height: 150px; /* Adjust as needed */
    width: auto;
    margin-right: 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

    .scrolling-img:hover {
        transform: scale(1.05);
    }

/* Custom Scrollbar Styling (Optional) */
.scrolling-wrapper::-webkit-scrollbar {
    height: 8px;
}

.scrolling-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.scrolling-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

    .scrolling-wrapper::-webkit-scrollbar-thumb:hover {
        background: #555;
    }