JSFiddle - React, Tailwind, and code Playground

HTML

<div class="heading heading-left">
    Hello there
</div>

CSS

.heading {
    background-color: #FFCC32;
    position: absolute;
    transform: rotateZ(-90deg);
    padding: 0.5%;
    top: 109px;

    width: 225px;
    text-align: center;
    box-shadow: 5px 5px 5px black;
    font-weight: bold;
    font-size: 20px;
}

.heading-left{
    left: 0.5%;

}

@media only screen and (max-width:1450px)  {
    .heading-left {
        left: -0.5%;
    }
}