Алексей Джо

<div class="combined-background">
  <div class="combined-background__inner">
  
  </div>
</div>

.combined-background {
  width: 100px;
  height: 100px;
  background-color: #81d9ff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.combined-background__inner{
  width: 50px;
  height: 50px;
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/1200px-How_to_use_icon.svg.png"), linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-size: 60% 60%, 100% 100%;
  background-repeat: no-repeat;
  border-radius: 100%;
  background-position: center center;
}

<div class="some">
  <div class="some__container">
    <div class="some__left">
      <i class="far fa-clock fa-3x"></i>
    </div>
    <div class="some__right">
      <div class="some__header">
        Lorem ipsum dolor sit amet
      </div>
      <div class="some__main">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris 
      </div>
    </div>
  </div>
</div>

.some {
  $parent: 'some';

  position: relative;
  
  &__container{
    padding: 30px 0;
    display: flex;
  }
  
  i {
    color: #f7833f;
  }
  
  &__left{
    margin-right: 50px;
  }
  
  &__right{
    display: flex;
    flex-direction: column;
    color: #657276;
    
    .#{$parent}__header{
      text-transform: uppercase;
      margin-bottom: 10px;
      font-weight: bold;
    }
  }
}