.container::before{
    content:"";
    width: 100%;
    height: 70%;
    top: 0;
    left: 0;
    margin: -10px;
    padding: 0;
    position: absolute;
    background: url("/photos/gallery/IMG_2458.JPG") no-repeat center 0 fixed;
    opacity: 0.8;
    z-index: -1;
    transform: translateZ(-1px) scale(2);
}
.container::after {
    content  : "";
    position : absolute;
    z-index  : -1;
    bottom   : -100px;
    left     : 0;
    pointer-events   : none;
    background-image : linear-gradient(to bottom,
        rgba(0, 0, 0, 0),
        rgba(0, 0, 0, 1) 90%);
    width    : 100%;
    height   : 175em;
}

.banner {
    position: relative;
    z-index: 1;
}
.banner-content {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
}
.banner-content > img{
    padding-top: 15%;
    opacity: .95;
}