Cacher is the code snippet organizer for pro developers

.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;
        }
    }
}