body {
  font-family: system-ui;
  background: #f06d06;
  color: white;
  text-align: center;
}
.hero {
  display: inline-block;
  mask-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 1) 60%,
    rgba(0, 0, 0, 0) 100%
  );
  -webkit-mask-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 1) 30%,
    rgba(0, 0, 0, 0) 45%
  );
}