Проблема при изменении размера наложения на Parallax

Question

Я только что купил этот шаблон . При изменении размера окна ниже 991px наложение не соответствует размеру раздела из-за заполнения 60px. Вы знаете, что я могу сделать, чтобы решить эту проблему?

Answer 1

HTML

<div class="parallax-content">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="info">
                    <p>We design and develop <span>web apps</span> that delight your users and grow your business.</p>
                    <a class="btn-white-line" href="#">Contact Us</a>
                </div>
            </div>
        </div>
    </div>
</div>

CSS

.parallax {
min-height: 215px;
overflow: hidden;
position: relative;
padding-top: 60px;
padding-bottom: 60px;
}

.parallax:before {
content: '';
position: absolute;
width: 140%;
height: 140%;
opacity: .80;
background: #585CE9;
z-index: 2;
top: -20%;
left: -20%;
}

.parallax .parallax-content {
position: relative;
z-index: 3;
}

@media (max-width: 991px) {
    .parallax {
        padding-top: 60px;
        padding-bottom: 60px;
        min-height: auto;
    }
}