JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left-logo"></div>
<div class="main-area">main area</div>

CSS

body {
    margin: 0;
}
.left-logo {
    background: url("//dummyimage.com/200x50") 0 0 no-repeat;
    width: 200px; /*max value of image size*/
    height: 200px; /*max value*/
    position: absolute; /*or fixed*/
    left: 0;
    top: 0;
    transform: rotate(-90deg);
}
.main-area {
    background: gold;
    margin-left: 50px; /*min value*/
}