Angled Corner Div

For UDIM

HTML

<div class="wrapper">
  
  <div class="col-xs">
    <div class="square">
      
    </div>
  </div>
</div>

CSS

.wrapper {
  display: flex;
  align-content: center;
  align-items: center;
  
}
h1 {
  margin-top: 10%;
  font-family: "Lobster 1.4";
  font-size: 45px;
}



div.square::after {
  position: absolute;
  content: '';
 width: 329.9px;
 height:38px;
  

  /* fallback */
  background: linear-gradient(135deg, transparent 10%, #00aacc 0) top left;
  background-size: 100%;
  background-repeat: no-repeat;
  
}