JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<div class="col">
  <img src="//placehold.it/124x84" width="124px" height="84px" alt="pic">
</div>
<div class="col">
  <a class="heading" href="#">Автоматическое продвижение:
  <br>без рутины и потери времени</a>
</div>
</div>

SCSS

.heading {
    color: red;
    font-family: "MyriadProLight", sans-serif;
    font-size: 33px;
    font-weight: 300;
    text-decoration: none;
    display: inline-block;
    line-height: 33px;
    text-align: center;
  }
  
  img {
    vertical-align: middle;
    margin-right: 15px;
    display: inline-block;
  }
  .wrapper {
    font-size: 0;
    text-align: center;
  }
  .col {
    display: inline-block;
    vertical-align: middle;
    outline: 1px solid red;
    &:first-child {
      max-width: 124px;
    }
    &:last-child {
      max-width: calc(100% - 124px);
    }
  }