compiled.css

.entry-talk-box {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}
.entry-talk-box .entry-talk-img {
  width: 80px;
  height: 80px;
}
.entry-talk-box .entry-talk-img.left {
  float: left;
  margin-right: -90px;
}
.entry-talk-box .entry-talk-img.right {
  float: right;
  margin-left: -90px;
}
.entry-talk-box .entry-talk-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}
.entry-talk-box .entry-talk .entry-talk-txt {
  width: calc(100% - 105px);
  display: inline-block;
  position: relative;
  padding: 17px 13px;
  border-radius: 12px;
}
.entry-talk-box .entry-talk .entry-talk-txt.left {
  background: #cccccc;
  margin: 5px 0 0 105px;
}
.entry-talk-box .entry-talk .entry-talk-txt.left:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px;
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #cccccc;
}
.entry-talk-box .entry-talk .entry-talk-txt.right {
  background: #d7ebfe;
}
.entry-talk-box .entry-talk .entry-talk-txt.right:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px;
  right: -24px;
  border: 12px solid transparent;
  border-left: 12px solid #d7ebfe;
}
.entry-talk-box .entry-talk .entry-talk-txt p {
  width: 100%;
  margin: 0;
  padding: 0;
}

precompile.scss

.entry-talk-box {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
  .entry-talk-img {
    width: 80px;
    height: 80px;
    &.left {
      float: left;
      margin-right: -90px;
    }
    &.right {
      float: right;
      margin-left: -90px;
    }
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border: solid 3px #d7ebfe;
      border-radius: 50%;
    }
  }
  .entry-talk {
    .entry-talk-txt {
      width: calc(100% - 105px);
      display: inline-block;
      position: relative;
      padding: 17px 13px;
      border-radius: 12px;
      &.left {
        background: #cccccc;
        margin: 5px 0 0 105px;
        &:after {
          content: "";
          display: inline-block;
          position: absolute;
          top: 18px;
          left: -24px;
          border: 12px solid transparent;
          border-right: 12px solid #cccccc;
        }
      }
      &.right {
        background: #d7ebfe;
        // margin: 105px 0 0 5px;
        &:after {
          content: "";
          display: inline-block;
          position: absolute;
          top: 18px;
          right: -24px;
          border: 12px solid transparent;
          border-left: 12px solid #d7ebfe;
        }
      }
      p {
        width: 100%;
        margin: 0;
        padding: 0;
      }
    }
  }
}