<div class="imageFrame--type004">
  <figure class="button__image">
    <img src="画像のパス" width="" height="" alt="" />
  </figure>
</div>
                

.imageFrame--type004 {
  figure{
    position:relative;
    display:block;
    &::before{
      content: "";
      display:block;
      width: 100%;
      height: 100%;
      border:#000 solid;
      border-width:0.2em 0.5em 0.5em 0.2em;
      position: absolute;
      top: 0;
      left: 0;
      z-index:1;
    }
    img{
      width:100%;
      height:auto;
    }
  }
}