.fishing-page .tour-card img {
  height: clamp(200px, 17vw, 230px);
  aspect-ratio: auto;
  object-fit: cover;
}

@media (max-width: 760px) {
  .fishing-page .tour-card img {
    height: auto;
    aspect-ratio: 1.8;
  }
}

/* The service cards are column flex containers, so each image's height resolves
   from its own content box and the aspect-ratio in fishing-packages.css never
   applies: every card inherited the height of its source file (155/500/534px).
   Pin an explicit height so the three read as one homogeneous row. */
.fishing-page .fish-service-cards img {
  height: clamp(220px, 24vw, 350px);
  aspect-ratio: auto;
  object-fit: cover;
  flex: none;
}

@media (max-width: 760px) {
  .fishing-page .fish-service-cards img {
    height: clamp(200px, 52vw, 300px);
  }
}