.feelings {
  @extend %main-content;
}

.feelings__text {
  @extend %main-text;
}

.feelings__title {
  margin: {
    top: 0px;
    bottom: 50px;
  }
}

.emoji {
  margin: 5px $small-margin;
  width: $small-image / 2;

  @media screen and (min-width: 768px) {
    width: $small-image;
  }
}

.feelings__illustration {
  margin-top: -50px;
}

.haloVisible {
  .st6 {
    stroke: $dark-yellow;
  }
}

.feelings {
  @extend %main-content;
}

.feelings__text {
  @extend %main-text;
}

.feelings__title {
  margin: {
    top: 0px;
    bottom: 50px;
  }
}

.emoji {
  margin: 5px $small-margin;
  width: $small-image / 2;

  @media screen and (min-width: 768px) {
    width: $small-image;
  }
}

.feelings__illustration {
  margin: -50px auto 50px auto;
  width: 82%;
}

.haloVisible {
  .st6 {
    stroke: $dark-yellow;
  }
}

Fix margins and size of feelings illustration.
Fix margins and size of feelings illustration.

Related #6
