[MC-XOBAHCK]

Вот так?

.list {
  display: flex;
  flex-wrap: wrap;
}

.item {
  display: flex;
  flex-direction: column;
  width: 33.3%;
  
  &__backgroung {
    height: 200px;
    background-color: #61BFAD;
  }

  &:last-child {
    flex-grow: 2;

    .item__backgroung {
      background-color: #167C80;
    }
  }
}

В CSS есть ещё calc - можно от 100% вычитать ширину первого блока (33,3%) - width: calc(100% - 33.3%);

Если первый блок будет фиксированной ширины (не в процентах как сейчас, а в пикселях), то при помощи calc второй блок можно делать адаптивным.

Вот пример - я первому блоку задал ширину 430px, для второго блока ширина (100% - 430px)

.list {
  display: flex;
  flex-wrap: wrap;
}

.item {
  display: flex;
  flex-direction: column;
  width: 430px;
  
  &__backgroung {
    height: 200px;
    background-color: #61BFAD;
  }

  &:last-child {
    width: calc(100% - 430px);
    
    .item__backgroung {
      background-color: #167C80;
    }
  }
}

или как вы хотите?