body {
  margin: 4em;
  position: relative;
}



h1 {
  transform: rotate(-45deg);
  transform-origin: 0 0;

  margin-top: 8em;
  margin-left: 3.5em;
  float: left;

  -webkit-shape-outside: polygon(100% 0%, 30% 100%, 0% 100%);
  shape-outside: polygon(100% 0%, 30% 100%, 0% 100%);
}

img {    
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  clip-path: url(#clipPolygon);
  clip-path: polygon(0% 0%, 100% 0, 0% 100%);
}


// hide visually
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}