Bootstrap simple snippet with center image

<div class="container py-5">
<div class="row py-5">
<div class="col-12 text-center">
<p class="text-muted mb-2">Our design projects are fresh and simple and will benefit your
business greatly.</p>
<h2 class="mb-5 h1 font-weight-bold">Super clean user interface for easier use.</h2>
<img src="https://bootstraplily.com/demo/detto-ui-kit/img/content-demo-one.jpg" class="img-fluid rounded mb-5">
<p class="mb-5 lead">Lost the plot cracking goal give us a bell is bog horse play
knackered lemon squeezy, cup of char cack bleeder matie
boy he lost his bottle. Our design projects are fresh and simple and will benefit your
business greatly.</p>
<div class="">
<a href="" class="btn btn-outline-danger btn-lg">
CALL TO ACTION
</a>
</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;
}