.hero-visual {
  min-height: 400px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 22px 48px rgba(7, 29, 67, .19);
}
.hero-visual > img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 400px;
  object-fit: cover;
}
.hero-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 58%, rgba(6, 23, 51, .22));
}
.tool-card { z-index: 1; left: 18px; bottom: 18px; }
@media (max-width: 800px) {
  .hero-visual > img { min-height: 300px; }
}