JSFiddle - React, Tailwind, and code Playground

HTML

<div class="sqd">
   <img src="http://savepic.ru/8350936.jpg" alt="">
</div>

CSS

.sqd {
    width: 250px;
    height: 250px;
    padding: 5px;
    line-height: 250px;
    text-align: center;
    background-image: linear-gradient(#fff, #fff), linear-gradient(45deg, #00b6f3, #bbebfb);
    background-clip: content-box, border-box;
    transform: rotate(-45deg);
}

div img {
      display: block;
      transform: rotate(45deg);
}