.scrollbar-hide::-webkit-scrollbar {
    display: none;
  }
  .scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

.image-container {
      display: inline-block;
      background-color: purple; /* Default background color */
      padding: 10px;
      transition: background-color 0.3s ease;
      border-radius: 10px; /* Optional: rounded corners */
    }

    .image-container:hover {
      background-color: white; /* Hover background color */
    }

    .image-container img {
      display: block;
      width: 200px;
      height: auto;
      border-radius: 8px; /* Optional: rounded image corners */
    }