Unable to make Bootstrap columns of equal height - html

Question

I using Bootstrap4 for my personal website and I am not able to make the columns of equal height.
I have looked for solutions here but the solutions don't seem to work on my code. I would appreciate any input.
<!-- Start projects section--->
<div id="projects" class="offset">
<!--- start jumbotron -->
<div class="jumbotron">
<div class="col-12 text-center">
<h3 class="heading">Projects</h3>
<div class="heading-underline"></div>
</div>
<div class="row">
<div class="col-md-6 projects">
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-8 text-left">
<h5 class="heading project-title">The Twitter Bakery (2018) </h5>
</div>
</div>
<div class="row">
<div class="col-md-4">
<!--- image of client -->
<img src="img/mountains_trip.jpg" alt="image not displayed">
</div>
<div class="col-md-8">
<!--- text of client -->
<div>
Some words<br><br>Some more words
</div>
<hr class="projects-hr">
<i class="fab fa-github fa-2x"></i>
</div>
</div>
</div>
<div class="col-md-6 projects">
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-8 text-left">
<h5 class="heading project-title">Jersey Allocation (2018)</h5>
</div>
</div>
<div class="row">
<div class="col-md-4">
<!--- image of client -->
<img src="img/mountains_trip.jpg" alt="image not displayed">
</div>
<div class="col-md-8">
<!--- text of client -->
<div>
Some words.
</div>
<hr class="projects-hr">
<i class="fab fa-github fa-2x"></i>
</div>
</div>
</div>
</div>
</div>
<!--- end jumbotron -->
</div>
<!-- end projects section--->
Here is my css for the section. The (.row and [class*="col-"]) rules are copied from the answers presented in the above link.
.row{
overflow: hidden;
}
[class*="col-"]{
margin-bottom: -99999px;
padding-bottom: 99999px;
}
.projects img{
width:100%;
border-radius:10%;
}
.projects hr{
border-top:0.05rem solid #ad7232!important;
padding-bottom: 0.1rem;/* makes them visible in some cases*/
}
.project-link .svg-inline--fa{
align-self: center;
color: #505962 ;
}
.project-title{
text-transform: uppercase;
color: #ed9a00;
}
This is how the current section looks