/**
 * @file
 * Styles for hero image field.
 */

.hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hero-image {
  position: relative;
}

@media (max-width: 768px) {
  .hero-image {
    height: 300px;
  }
}