Ajuste da tela em css

Ola

Eu tou com um problema ao ajustar as minhas divs

Eu na div da esquerda tenho com que a altura seja a 100% do conteúdo e eu queria que a div do meio e a div da direita fosse do mesmo tamanho que a div da esquerda mas que não queria fazer com px, ha alguma forma de ajustar as outras duas div ao mesmo tamanho que a div da direita?

Eu utilizo os vh para a altura das outras duas divs mas queria mudar isso.

inserir a descrição da imagem aqui

.esquerda {     height: 100%;     background-image: url(/imagens/blackfundo2.jpg);     padding: 35px 45px 35px 45px;     text-align: center;     background-size: 100%;  }  .meio {      height: 100vh;     background-color: #3E3E3E;     padding: 0; }  .direita {     height: 100vh;     background-image: url('imagens/blackfundo2.jpg');     background-size: 100%;     padding: 20px; }
<div class="col-12 col-md-5 col-lg-3 esquerda">      <h1 class="titulo1">Violência</h1>     <h1 class="titulo12">doméstica</h1>     <h1 class="titulo123">em portugal</h1>  <div class="Texto">  <h3> exemplo de texto </h3> <h5 class="rage" >Todos os casos de violencia doméstica registados até á data currente em portugal no ano de 2019</h5> </div>  <br>  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  <button id="filtroselects">   <img src="/imagens/iconfiltro.png" height="40px" width="40px"> Filtros </button>  <div id="escolha"> <form id="selectsfiltro">     <h6>Faixa Etaria:</h6>     <select id="FaixaEtaria" class="custom-select">         <option></option>         <option value="1">0-17</option>         <option value="2">18-25</option>         <option value="3">26-35</option>         <option value="4">36 ou mais</option>     </select>      <br/>     <br/>      <h6>Sexo:</h6>     <select id="Sexo" class="custom-select">         <option></option>         <option value="5">Masc</option>         <option value="6">Fem</option>     </select>      <br/>     <br/>     <h6>Recurso a arma:</h6>     <select id="RecursoArma" class="custom-select">         <option></option>         <option value="7">Sim</option>         <option value="8">Não</option>     </select>       <br/>     <br/>     <h6>Localidade:</h6>     <select id="Distrito" class="custom-select">         <option ></option>         <option value="9">Viana do Castelo</option>         <option value="10">Vila Real</option>         <option value="11">Bragança</option>         <option value="12">Braga</option>         <option value="13">Porto</option>         <option value="14">Aveiro</option>         <option value="15">Viseu</option>         <option value="16">Guarda</option>         <option value="17">Coimbra</option>         <option value="18">Castelo Branco</option>         <option value="19">Leiria</option>         <option value="20">Lisboa</option>         <option value="21">Santarém</option>         <option value="22">Portalegre</option>         <option value="23">Évora</option>         <option value="24">Setúbal</option>         <option value="25">Beja</option>         <option value="26">Faro</option>         <option value="27">Açores</option>         <option value="28">Madeira</option>     </select> </form>  <br>      <div class="botesdefiltrar">         <button id="btnBuscar" class="btn btn-outline-warning">Filtrar</button>         <button type="reset" id="btnLimpar" class="btn btn-outline-warning">Limpar Filtro</button>   </div>      </div>    <br>    <h5 id="denuncia">Caso saiba de algum caso de violencia doméstica   <a href="https://www.cmjornal.pt/mais-cm/eu-reporter-cm?ref=geral_MenuHeader" class="denunciastyle" target="_blank">denuncie aqui</a>   </h5>   </div>  <div class="col-12 col-md-7 col-lg-6 meio"> </div>  <div class="col-12 col-lg-3 direita"> <div>