.hero { height: 600px; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url('?url=https%3A%2F%2Fpythonmg.github.io%2Fimages%2Fbanners%2Fbh-pampulha.jpg'); repeat scroll 0 0; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; }