body {
  cursor:url('/mouse.png'), auto;
}
.container {
  height: 75vh;
  width: 60vw;
  background-color: #ffffff;
  margin: 50px auto;
  position: relative;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  border-radius: 0;
  cursor: none;
}

.circle {
    position: relative;
    top: calc(15%);
    left: calc(30%);
    width: 15rem;
    height: 15rem;
    background: center center no-repeat fixed;
    background-size: cover;
    border-radius: 50%;
    z-index: 2;
}

.circle::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(circle);
    border-radius: 50%;
}