.intro-img {
display: block;
position: absolute;
top: 76px;
text-align: center;
margin: 0px auto;
left: 0px;
right: 0px;
}<img src="img/background-photo.jpg" width="1200" height="508">
Средний
Простой
Средний
(я сделал проще, просто сделал одним слоем, фон/слова/белую линию) и вот что я получил, если я делаю это img, всё работает, ничего не вылазит за пределы контейнера. но если я задаю через background-image, получается вот это.