BoldGrid Block layout - Text aligned right with image left

boldgrid-layout-single.html

<div class="boldgrid-section" style="border-width: 0px; background-color: #1a2533;">
<div class="container">
<div class="row" style="padding-top: 75px; padding-bottom: 75px; border-width: 0px;">
<div class="col-lg-6 col-md-12 col-xs-12 col-sm-12 color4-border-color" style="border-width: 2px 0px 0px; padding-right: 1em;">
<h2 class="" style="border-width: 0px; font-family: 'Yanone Kaffeesatz'; font-weight: 400; color: #f9fdff;" data-font-family="Yanone Kaffeesatz" data-font-weight="400" data-font-style="">SUMMER CAMPS</h2>
<p class="" style="border-width: 0px; color: #f9fdff;">What better way to spend the summer than on a tallship!</p>
<p class="" style="border-width: 0px; color: #f9fdff;">Children’s Maritime Institute in partnership with Los Angeles Maritime Institute offers summer programs for students ages 6-17. Young learners can join us for day camps, while older kids sail with us for 5 or 12-day trips. Youth become part of the crew, set sail, snorkel, swim, and enjoy time on the islands of California.</p>

</div>
<div class="col-lg-6 col-md-12 col-xs-12 col-sm-12">
<p class="mod-reset"><img class="alignnone size-medium wp-image-308" src="https://jimbursch.com/childrensmaritime/wp-content/uploads/2022/10/carolyn.webp" alt="" width="300" height="300"></p>

</div>
</div>
</div>
</div>
<div class="boldgrid-section">
<div class="container">
<div class="row" style="padding-top: 75px; padding-bottom: 75px;">
<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12"></div>
</div>
</div>
</div>