JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div_maior">
    <div id="div_menor"></div>
</div>

CSS

#div_maior {display: block; width: 100%; max-width: 500px; min-height: 300px; background: red;}

#div_menor {display: block; width: 100%; background: #000;}

JavaScript

$(function(){

    var largura = $('#div_menor').width();
    var altura  = ( 75 * largura ) / 100;

    $('#div_menor').css('height', Math.round(altura) + 'px');
    
    $( window ).resize(function() {

        var largura = $('#div_menor').width();
        var altura  = ( 75 * largura ) / 100;
    
        $('#div_menor').css('height', Math.round(altura) + 'px');
        
    });

});