square an image code example

Example 1: Square Images

<img class="circular--square" src="woman.png" />

Example 2: Square Images

.circular--square {
  border-top-left-radius: 50% 50%;
  border-top-right-radius: 50% 50%;
  border-bottom-right-radius: 50% 50%;
  border-bottom-left-radius: 50% 50%;
}