<div class="quote-full-width np-max-width">
  <i class="fal fa-quote-right"></i>
  <div class="quote-text"> 
    {{quote}}
  </div>
</div>

<style>
  .quote-full-width {
    padding: 0px 24px 50px;
    display:flex;
  }

  .quote-text {
    font-size:28px;
    font-size:32px;
    font-weight:300;
  }

  .quote-full-width .fa-quote-right {
    font-size: 45px;
    position: relative;
    margin-right: 12px;
    bottom: 10px!important;
    left:0!important;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    top:auto;
  }

  @media (min-width:768px) {

    .quote-text {
      font-size: 40px;
      line-height: 46px;
    }

    .quote-full-width .fa-quote-right {
      font-size: 4rem;
      margin-right: 20px;
      bottom: 16px!important;
    }
  }
</style>