Как изменить расположение текста по Y в css?

Для изменения вертикального выравнивания текста в CSS можно использовать свойство vertical-align. Например, если вы хотите чтобы текст был сверху, можно использовать vertical-align: super; Если вы хотите чтобы текст был в середине, можно использовать vertical-align: middle; Если вы хотите чтобы текст был внизу, можно использовать vertical-align: bottom;

display: flex;
justify-content: center; #выравнивание по X
align-items: flex-end; #выравнивание по Y

Вариантов куча, но обычно с помощью margin

Если именно по оси Y и что бы не мешало/не затрагивало другие эл-ты то только через transform или absolute

position: absolute;
z-index: 10;