JSFiddle - React, Tailwind, and code Playground

HTML

<style>
    .company-container
    {

    }
    
    .left-part
    {
        min-height: 100px;
        width: 75%;
        width: 100%;
        margin-right: 15px;
        background-color: Green;
        display: inline-block;
    }
    
    .right-part
    {
        background-color: pink;
        min-height: 100px;
        width: 300px;
        float: right;
        display: inline-block;
    }

    .company-logo
    {
        background-color: Red;
        min-height: 75px;
    }
    
    .company-image
    {
        margin-top: 20px;
        background-color: Fuchsia;
        min-height: 175px;
    }
    
    .company-details
    {
        background-color: Orange;
        min-height: 125px;
        margin-top: 20px;
        }
    
    .footer
    {
        background-color: whitesmoke;
        min-height: 125px;
    }
</style>

<div class="company-container">
    <div class="left-part">
        <div class="right-part">
            <div class="company-logo">LOGO</div>
            <div class="company-image">IMAGE</div>
            <div class="company-details">FIRMA</div>
        </div>
        <span>yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada
            yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada
            yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada
            yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada
            yada yada yada yada yada</span>
    </div>
</div>
<div>Footer</div>