JSFiddle - React, Tailwind, and code Playground

HTML

<meta name="viewport" content="width=device-width, initial-scale=1">
<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 screen and (max-width:1450px) {
    .heading-left {
        left: -0.5%;
    }
}