Как сверстать такой блок с треугольником?

.banner-img
   img(src="static/img/content/main/slide1.jpg", alt="Banner")

&-img
    position relative
    margin-bottom 20px
    img
      width 100%
    &::after
      content ''
      position absolute
      right 0
      bottom -1px
      width 45%
      height 13%
      background url('../img/content/main/triangle.png') no-repeat
      background-size 100%