Как затемнить фон как на скрине?

Ошибочка: для секции position: relarive, а для ::before position: absolute

Как правильно подключить css библиотеку?

Благодарю, все работает.

Как выделить средний div?

nen0y: вот такой хтмл :
<див class="content">
<див class="slide">див>
<див class="slide">див>
<див class="slide">див>
див>
(див=div, так как в коментах не работает хтмл)
вот такой css:
.slide {
background-color: red;
width: 100px;
height: 100px;
margin-bottom: 50px;
display: none;
}

.slide:nth-child(2) {
display: block;
}