JSFiddle - React, Tailwind, and code Playground

by rga4

HTML

<div class="behind-text"><span>Привет</span></div>
<div class="behind-text"><span>Мир</span></div>

CSS

.behind-text::first-letter {
            font-size: 2em; /* Увеличиваем первую букву */
            color: #ccc; /* Светлый цвет для "заднего слоя" */
            position: absolute; /* Убираем из потока */

            z-index: -1; /* Помещаем за текст */
        }

        .behind-text span {
            position: relative; /* Чтобы текст был выше первой буквы */
            z-index: 1; /* Передний слой для остального текста */
            color: #000; /* Черный цвет для контраста */
        }