[html]<div class="cst-teller"><div class="csteller-title">Если нужен заголовок</div>
<div class="csteller-text">Once, very long ago, Time fell in love with Fate. This, as you might imagine, proved problematic. Their romance disrupted the flow of time. It tangled the strings of fortune into knots. The stars watched from the heavens nervously, worrying what might occur. What might happen to the days and nights were time to suffer a broken heart? What catastrophes might result if the same fate awaited Fate itself? The stars conspired and separated the two. For a while they breathed easier in the heavens. Time continued to flow as it always had, or perhaps imperceptibly slower. Fate weaved together the paths that were meant to intertwine, though perhaps a string was missed here and there.
<br> But eventually, Fate and Time found each other again. In the heavens, the stars sighed, twinkling and fretting. They asked the Moon her advice. The Moon in turn called upon the parliament of owls to decide how best to proceed.</div>
</div>

<style>

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

.cst-teller {
    margin: auto;
    border-radius: 10px;
    position: relative;
    background: url(https://forumstatic.ru/files/001b/b2/50/54474.jpg) center/cover no-repeat;
    backdrop-filter: blur(34px);
    height: auto;
    padding: 20px 0;
    overflow: hidden;
}

.cst-teller:before {
    height: 100%;
    content: '';
    backdrop-filter: grayscale(.9) blur(11px);
    width: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
}

.csteller-title {
    z-index: 1;
    position: relative;
    /* border: 1px solid red; */
    margin: 20px 20px 0;
    color: #e8e8e8;
    font-size: 17px;
    font-family: playfair display;
    text-transform: uppercase;
    text-align: center;
}

.csteller-text {
    position: relative;
    margin: 20px 30px 40px;
    color: #e8e8e8;
    font-family: manrope;
    font-size: 11px;
    line-height: 20px;
    text-align: justify;
}
</style>

[/html]