JSFiddle - React, Tailwind, and code Playground

HTML

<div class='presskit_sidebar'>
        <div class="presskit_image"><img src="images/presskit_image.png" width="100%" height="10%"></></div>
        
        <div class="presskit_sidebar_item">
            <a href="index.html" >
                <div class="presskit_sidebar_circle"><img src="images/factsheet_circle.png" width="10rem" height="10rem"/></div>
                <div class="presskit_sidebar_text">Factsheet</div>
            </a>
        </div>
        
        <div class="presskit_sidebar_item">
            <a href="index.html" >
                <div class="presskit_sidebar_circle"><img src="images/description_circle.png" width="10rem" height="10rem"/></div>
                <div class="presskit_sidebar_text">Description</div>
            </a>
        </div>
        
        <div class="presskit_sidebar_item">
            <a href="index.html" >
                <div class="presskit_sidebar_circle"><img src="images/history_circle.png" width="10rem" height="10rem"/></div>
                <div class="presskit_sidebar_text">History</div>
            </a>
        </div>
        
        <div class="presskit_sidebar_item">
            <a href="index.html" >
                <div class="presskit_sidebar_circle"><img src="images/story_circle.png" width="10rem" height="10rem"/></div>
                <div class="presskit_sidebar_text">Story</div>
            </a>
        </div>
        
        <div class="presskit_sidebar_item">
            <a href="index.html" >
                <div class="presskit_sidebar_circle"><img src="images/features_circle.png" width="10rem" height="10rem"/></div>
                <div class="presskit_sidebar_text">Features</div>
            </a>
        </div>
        
        <div class="presskit_sidebar_item">
            <a href="index.html" >
                <div class="presskit_sidebar_circle"><img src="images/video_circle.png" width="10rem" height="10rem"/></div>
                <div class="presskit_sidebar_text">Video</div>
           ...

CSS

.presskit_sidebar{
    background-color: #333333;
    width: 35%;
    padding: 0;
    height: 100vh;
    z-index: -1;
    display: inline-block;
    padding-bottom: 100%;
    margin-bottom: -100%;
}

.presskit_image{
    width: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.presskit_sidebar_item{
    margin-left: 1.7rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.presskit_sidebar_circle{
    margin:.5rem;
    display: inline;
}

.presskit_sidebar_item > a{
    color: white;
    font-size: .85rem;
}

.presskit_sidebar_text{
    display: inline;
}

.presskit_main_section{
    float: right;
    width: 65%;
    height:100vh;
    display: inline-block;
    padding-bottom: 100%;
    margin-bottom: -100%;
}

.presskit_image_placeholder{
    width: auto;
    height: 15rem;
    margin: 0 auto;
}

#image_placeholder{
    margin: 0 auto;
}