/**
 *  <div class="hero">
 *      <img src="image.png" alt="image" />
 *  </div>
 *
 *  @author Björn Hase, Tentakelfabrik
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://github.com/tentakelfabrik/plain-ui
 *
 */

.hero {
    position: relative;

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