<div class="cropped-image"></div>

:root {
  font-family: sans-serif;

  --image-size: 400px;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

.cropped-image {
  width: var(--image-size);
  height: var(--image-size);

  background-image: url(https://ucarecdn.com/8db1b0fe-3753-4602-953c-2263b9c0b4a5/-/preview/1200x800/);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;

  border-radius: 25% 75% / 50%;
  cursor: help;
}