/*
 * Home hero: the first slide carries a real <img class="hero_img"> (LCP candidate,
 * preloaded from inc/enqueue.php) on top of the same background-image that skippr
 * and m_banner.css use. Loaded on the home page only.
 */
.hero #random > div > .hero_img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 62.5%; /* = background-position of .skippr > div */
	z-index: 0;
	pointer-events: none;
}