Unresponsive row (drop text)

I am trying to implement in a row 4 columns, one very small (image) one medium (description) and two small ones, as shown in my example / image.

When text is longer or I reduce screen size, various parts of text pass down :(

How can I solve this problem?

My code / example

Problem

html

<div class="one">
      <div class="row">
        <div class="Notification">
          <div class="col-sm-2 col-lg-1" style="padding-left: 0px;">
            <div class="Imagem">
              <div class="card-text circle">Image </div>
            </div>
          </div>
          <div class="col" style="line-height: 58px;">
           blablalbalbslbasdaasdasdasdasdasdasdasdasd
          </div>
          <div class="col-sm-2" style="line-height: 58px;">
            asdasdasddsadasd as
          </div>
          <div class="col-sm-1" style="line-height: 58px;">
            !
          </div>
        </div>
      </div>
    </div>