/* Make the list scrollable horizontally on small screens */
.scrollable-list {
  display: flex;
  flex-wrap: nowrap; /* Prevents items from wrapping to the next line */
  
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
  white-space: nowrap; /* Ensures items stay on one line */
}

/* Style to hide the scrollbar for better aesthetics */
.scrollable-list::-webkit-scrollbar {
  display: none; /* Hides scrollbar on WebKit browsers */
}

.card-portfolio {
  border: none;
  height: auto;
  max-height: 100%;
  object-fit: cover;
}

.portfolio-card-img {
  height: 15rem;
}


#portfolio {
  min-height: auto;
}