/**
 *  <div class="hero">
 *      <img src="image.png" alt="image" />
 *  </div>
 *
 */

.hero {
    position: relative;

    img {
        width: 100%;
        object-fit: cover;
        object-position: 50% 50%;
    }
}