Накладываю фон-картинку на тег selection с классом "top":
<main class="main">
<selection class="top">
<div class="container">
<div class="top__inner">
<h1 class="top-title" id="top-title">
A cup of tea is a moment of calm in the chaos of life
</h1>
<p class="top-text" id="top-text">
Wide selection of high-quality teas from all over the world, carefully curated by tea experts.
</p>
</div>
</div>
</selection>
В результате картинки вообще никакой нету. Затем делаю тоже самое, но меняю тег selection на тег div:
<main class="main">
<div class="top">
<div class="container">
<div class="top__inner">
<h1 class="top-title" id="top-title">
A cup of tea is a moment of calm in the chaos of life
</h1>
<p class="top-text" id="top-text">
Wide selection of high-quality teas from all over the world, carefully curated by tea experts.
</p>
</div>
</div>
</div>
Всё! Работает как и задумано.
.top {
background-image: url(resource/prev.png);
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
}
.top__inner {
min-height: 500px;
}
Почему именно с тегом selection оно не хочет работать? ¯\(°_o)/¯