JSFiddle - React, Tailwind, and code Playground

HTML

<div id="principal" class="seccion">
    Y aquí el contenido de la sección
</div>

CSS

#principal {
    background: url(http://placekitten.com/g/200/300) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.seccion {
    height: 980px;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 1920px;
    position: relative;
    margin: 0 auto;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
}