.category-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: transform 0.2s;
  }

  .category-btn:hover {
    transform: scale(1.1);
  }

  /* Flex display for single-line carousel items */
  .carousel-inner {
    display: flex;
    overflow: hidden;
  }

  /* Align images horizontally within each carousel item */
  .carousel-item .row {
    display: flex; /* Flex for horizontal alignment */
    justify-content: center;
    gap: 2px; /* Gap between images */
  }

  /* Set image size and make images responsive */
  .carousel-item img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 8px;
  }

  /* Center the category buttons row */
  .d-flex {
    justify-content: center;
  }