About section ui with video on side made with bootstrap

<div class="container py-5">
<div class="row py-5">
<div class="col-12">
<p class="mb-2 small font-weight-bold text-uppercase text-danger">Title subheading</p>
<h1 class="mb-4 h1 font-weight-bold">Get started now!</h1>
</div>
<div class="col-lg-6 col-md-12">
<p class="mb-4 lead mr-0 mr-lg-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus consectetur odio non pretium tincidunt. Aenean et bibendum lacus. </p>
<p class="mb-5 mr-0 mr-lg-3 text-muted">Suspendisse potenti. Vivamus maximus vehicula tortor at scelerisque. Praesent accumsan a nulla quis rhoncus. Phasellus felis justo, elementum a dapibus quis, elementum vel lectus. Praesent gravida leo purus, id tempus lorem faucibus vitae. Etiam id aliquam ex. Duis pretium eros nec dolor gravida porttitor.</p>
<div class="">
<a href="" class="btn btn-outline-danger btn-lg">
CALL TO ACTION
</a>
</div>
</div>
<div class="col-lg-6 col-md-12 mt-5 mt-lg-0">
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
body {
    font-family: 'Roboto', sans-serif;
}
.btn {
    padding: 14px 26px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.btn-danger {
    background-color: #e34c43;
    border-color: #e34c43;
}