MODULAR: Image in Text 1.0

<!-- IMAGE IN TEXT START
It's a text box, what else do you want from me.
<p></p> is for paragraph breaks. <br> is for break breaks.-->
<div class="row">
  <div class="col-12 p-2">
    <div class="text-light bg-dark p-3">
      <div class="text-uppercase d-flex justify-content-between" style="letter-spacing:3px; font-size:20px;">
        TITLE
      </div>
      <hr class="bg-white w-100">
      <div class="row">
        <div class="col-md-5 col-sm-2-down">
          <div class="text-center">
            <!-- LEFT PICTURE
This will resize anything you put in to be max 300px. So if you have art instead of a sprite you're good!-->
            <img style="max-height:300px;" src="IMG HERE">
          </div>
        </div>
        <div class="col-md-7 col-sm-10">
          <p>This is where some amount of text goes. It extends but doesn't scroll, so keep that in mind! ALSO it's stuck in this column.
          </p>
          <p>Left Paragraph 2
          </p>
        </div>
      </div>
      <p>Under Picture 1
        <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.
      </p>
      <div class="row">
        <div class="col-md-7 col-sm-10">
          <p>This is where some amount of text goes. It extends but doesn't scroll, so keep that in mind! ALSO it's stuck in this column.
          </p>
          <p>Right Paragraph 2
          </p>
        </div>
        <div class="col-md-5 col-sm-2-down">
          <div class="text-center">
            <!-- RIGHT PICTURE
This will resize anything you put in to be max 300px. So if you have art instead of a sprite you're good!-->
            <img style="max-height:300px;" src="IMG HERE">
          </div>
        </div>
      </div>
      <p>Under Picture 2
      </p>
    </div>
  </div>
</div>
<!-- IMAGE IN TEXT END -->