JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <h1>position: static</h1>
    <img src="http://placehold.it/500x250/000/FFF.png&text=position:static" />
</div>

<div style="position: relative">
    <h1>position: relative</h1>
    <img src="http://placehold.it/500x250/000/FFF.png&text=position:relative" />
</div>

<div>
    <h1>position: static</h1>
    <img src="http://placehold.it/500x250/000/FFF.png&text=position:relative" style="position: relative" />
</div>

CSS

div {
            border-radius: 100px;
       -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    max-width: 500px;
    overflow: hidden;
    background: pink;
}