/* Дракон НА блоке сверху */
.dragon-on-block {
    position: absolute;
    bottom: 91%; /* Над блоком */
    left: 50%;
    transform: translateX(-50%);
    width: 50%; /* 50% от ширины блока на десктопе */
    height: auto;
    pointer-events: none;
    z-index: 10;
    animation: dragon-breathe 4s ease-in-out infinite;
    transform-origin: center bottom; /* Точка трансформации снизу по центру */
}

/* Анимация дыхания */
@keyframes dragon-breathe {
    0%, 100% {
        transform: translateX(-50%) scaleY(1);
    }
    50% {
        transform: translateX(-50%) scaleY(0.97); /* Сжимается на 3% */
    }
}

/* Мобильные устройства */
@media (max-width: 768px) {
    .dragon-on-block {
        bottom: 94%; /* Над блоком */
        width: 100%; /* 100% на телефоне */
    }
}