JSFiddle - React, Tailwind, and code Playground

HTML

<div class="conteudo">
    <div class="esquerda"></div>
    <div class="direita">
        <div>
            <div></div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="esquerda"></div>
    <div class="direita">
        <div></div>
    </div>
    <div class="clear"></div>
</div>

CSS

div {
    padding: 50px;
    border: 2px solid black;
}
.esquerda {
    height: 100%;
    float: left;
}
.direita {
    float: right;
}
.clear {
    clear: both;
}

JavaScript

/*
setTimeout(function () {

    $('.esquerda').animate({
        height: $('.direita').height(),
        width: $('.direita').width()
    }, 1000);
}, 2000);
*/


// para fazer isto numa só linha:
$('.esquerda').each(function (i) {
    $(this).height($('.direita:eq(' + i + ')').height()); // altura
    $(this).width($('.direita:eq(' + i + ')').width());   // largura
});