.hero-image-home {
	position: relative;
}

.hero-image-home .slides .graphic {
	position: absolute;
	top: 50%;
	left: 50%;
}

.hero-image-home .slides .shared-play-button {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -250%);
}

.hero-image-home .slides .graphic {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    width: 325px;
}

.hero-image-home .slides .graphic:after {
    content: '';
    pointer-events: none;
    background: radial-gradient(50% 50% at 50% 50%, rgba(22, 21, 20, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

@media screen and (min-width: 64em) {
    .hero-image-home .slides .graphic {
        width: 623px
    }

    .hero-image-home .slides .shared-play-button {
        transform: translate(-50%, -350%);
    }
}

@media screen and (min-width: 90em) {
    .hero-image-home .slides .graphic {
        width: 823px
    }

    .hero-image-home .slides .shared-play-button {
        transform: translate(-50%, -400%);
    }
}