.dragondisplay {
    position: relative;
    background: rgb(255, 255, 255);
    background: linear-gradient(184deg,
            rgba(255, 255, 255, 1) 4%,
            rgba(235, 255, 133, 1) 100%);
    overflow: hidden;

    .dragondisplay_heading {
        position: absolute;
        bottom: 0;
        margin: auto;
        width: 100%;

        >h1 {
            font-size: 8rem;
            text-align: center;
        }
    }

    .dragondisplay_des {
        max-width: 600px;
        position: absolute;
        right: 0;
        top: 13%;
        padding: 4rem;
    }
}

@media (max-width:1200px) {
    .dragondisplay{
        .dragondisplay_heading{
            >h1 {
                font-size: 4rem;
                text-align: center;
            }
        }
    }
}


@media (max-width:768px) {
    .dragondisplay{
        .dragondisplay_heading{
            >h1 {
                font-size: 3rem;
                text-align: center;
            }
        }
    }
}

@media (max-width:576px) {
    .dragondisplay{
        .dragondisplay_heading{
            >h1 {
                font-size: 1.5rem;
                text-align: center;
            }
        }
    }
}