/* Container for the scrollable area */
.scrollable-container {
  width: 100%;
  max-width: 1200px; /* Adjust as needed */
  height: 300px; /* Adjust as needed */
  overflow-x: scroll; /* Horizontal scrolling */
  overflow-y: scroll; /* Vertical scrolling */
  white-space: nowrap; /* Prevent wrapping */
  border: 2px solid #ccc;
}

/* Style for images */
.scrollable-container img {
  height: 100%; /* Adjust height */
  margin-right: 10px; /* Space between images */
  display: inline-block; /* Keep images inline */
}