/* Small delivery overrides: keep semantic pictures sized like their former img elements. */
.hero > .hero-image,
.hero > .hero-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero > .hero-image { z-index: -2; }
.project-card picture,
.project-card picture img {
  display: block;
  width: 100%;
  height: 100%;
}

.project-card picture img { object-fit: cover; }