/* Fix for portrait images in package cards */
.product-image-container {
  height: 200px; /* Increased height to accommodate portraits better */
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f9fa; /* Light background color */
}

.product-image {
  width: 100%;
  height: 100%;
  object-fit: contain; /* Changed from cover to contain to show full image */
  transition: transform 0.3s ease;
}

/* Add media queries to adjust height on different screen sizes */
@media (max-width: 767px) {
  .product-image-container {
    height: 180px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .product-image-container {
    height: 190px;
  }
}

@media (min-width: 992px) {
  .product-image-container {
    height: 200px;
  }
}