SOURCE

<div class="banner">
  <img src="https://gss2.bdstatic.com/-fo3dSag_xI4khGkpoWK1HF6hhy/baike/crop%3D142%2C0%2C1635%2C1079%3Bc0%3Dbaike180%2C5%2C5%2C180%2C60/sign=eb9d58faf9deb48fef26fb9ecd2e0e1b/a08b87d6277f9e2f116fdf931530e924b999f3d7.jpg" alt=""  />
</div>

.banner {
  position: relative;
  left: 100px;
  top: 50px;
  &:before {
    white-space: pre;
    content: "トール ";
    color: #222;
    position: absolute;
    left: -10px;
    top: -8px;
    line-height: 0px;
    border: 15px solid #ee7600;
    border: {
      right-color: transparent;
    }
    box-shadow: 0 5px 5px -5px #000;
  }
  &:after {
    content: "";
    position: absolute;
    top: 22px;
    left: -10px;
    border: 5px solid #89540c;
    border-left-color: transparent;
    border-bottom-color: transparent;
  }
}

img {
  width: 300px;
}

body {
  background-color: #eee;
}