/**
 *  <div class="hero">
 *      <img src="image.png" alt="image" />
 *  </div>
 *
 *  @author Björn Hase, me@herr-hase.wtf
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://gitea.node001.net/tiny-components/plain-ui.git
 *
 */

.hero {
    position: relative;

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