.heroWrap {
position: relative;
width: 100%;
padding-bottom: 28%;
height: 0;
overflow: hidden;
.hero {
position: absolute;
width: 100%;
height: 100%;
img {
position: absolute;
top: -100%;
left: -100%;
right: -100%;
bottom: -100%;
margin: auto;
min-width: 100%;
min-height: 100%;
max-width: none;
}
}
}