Почему не отображается изображение?

Question

[campus1]

Привет ребят. Есть проблемка - почему не отображается изображение в псевдоэлементе?


Должно выйти так - prntscr.com/g7m886

<div class="swiper-slide">
                  <h3>Design Studio and Digital Agency</h3>
                 <h1>We are Atlantida</h1>
</div>

.swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    h3 {
        font: 400 14px/50px $crimson_roman;
        color: $white;
    }
    h1 {
        font: 400 36px/36px $amsdam;
        color: $white;
        text-transform: uppercase;
        position: relative;
        &::after {
            content: "";
            position: absolute;
            top: 85px;
            background: url('../img/wave/white-wave.png') no-repeat;
            width: 100%;
        }
    }
}

Answer 1

[Froggyweb]

высоты нет

Comments

[campus1]

Задаю высоту, ничего не меняется(

[Артём Лучников]

display: block; ещё задайте, ну и высоту

[campus1]

Ошибка была в том что изображение улетало за границу h1, поэтому его не было видно!
Спасибо вам)