.price-building {
background: url(../photo/vlcsnap-2018-09-10-13h28m31s589.png);
background-position-x: -815px;
opacity: 1;
}
.price-building:hover {
## Заголовок ##opacity: 0.4;
transition: 1s;
}
.price-business {
background: url(../photo/Business-People-Desk.jpg);
background-position-x: -1500px;
opacity: 1;
}
.price-business:hover {
opacity: 0.4;
transition: 1s;
}
.judge-expert {
background: url(../photo/ph2ylsyy377100.jpg);
background-position-x: -300px;
opacity: 1;
}
.judge-expert:hover {
opacity: 0.4;
transition: 1s;
}
.dispute {
background: url(../photo/corporate-alliances-that-get-results.jpg);
background-position-x: -750px;
opacity: 1;
}
.dispute:hover {
opacity: 0.4;
transition: 1s;
}
<section class="information mask">
<div class="information-container">
<div class="information-content_container price-building">
<div class="information-inner">
<div class="step-title">
<p>
оценка<br> недвижимости
</p>
</div>
</div>
</div>
<div class="information-content_container price-business">
<div class="information-inner">
<div class="step-title">
<p>
оценка<br> бизнеса
</p>
</div>
</div>
</div>
<div class="information-content_container dispute">
<div class="information-inner">
<div class="step-title">
<p>
оспаривание<br> кадастровой стоимости
</p>
</div>
</div>
</div>
<div class="information-content_container judge-expert">
<div class="information-inner">
<div class="step-title">
<p>
судебная<br> экспертиза
</p>
</div>
</div>
</div>
</div>
</section>
убрать затемнение текста
? Сейчас при наведении текст становится более прозрачным. Какого результата вы ожидаете?