JSFiddle - React, Tailwind, and code Playground

HTML

<img class = "topLeft" src = "http://imagizer.imageshack.us/v2/100x75q90/844/ybfp.jpg" alt= "Displaying image at corner using css property 
position"/>


<img class = "topRight" src = "http://imagizer.imageshack.us/v2/100x75q90/844/ybfp.jpg" alt= "Displaying image at corner using css property 
position"/>

<img class = "bottomLeft" src = "http://imagizer.imageshack.us/v2/100x75q90/844/ybfp.jpg" alt= "Displaying image at corner using css property 
position"/>

<img class = "bottomRight" src = "http://imagizer.imageshack.us/v2/100x75q90/844/ybfp.jpg" alt= "Displaying image at corner using css property 
position"/>

CSS

img {
position:fixed;
}

.topLeft {
top:0;
left:0;

}

.topRight {
top:0;
right:0;

}

.bottomLeft {
bottom:0;
left:0;

}

.bottomRight {
bottom:0;
right:0;

}