body {
  /* background: linear-gradient(to bottom, #007bff, #0065b3); */
  margin: 0;
  height: 100%;
  background-color: gray;
  display: grid;
  place-content: center;
  background: rgb(251, 245, 156);
  background: conic-gradient(
      from -90deg at 50% 50%,
      rgb(218, 129, 11),
      rgb(249, 218, 134) 12.5%,
      rgb(255, 241, 204) 25%,
      rgb(249, 218, 134) 37.5%,
      rgb(218, 129, 11) 50.5%
    )
    0% 0% / 100% 200%;
}
img {
  width: 90%;
  display: block;
  margin: auto;
}
.wrapper {
  position: relative;
  
}
.wrapper:hover {
  cursor: pointer;
 filter: drop-shadow(16px 16px 20px rgba(255, 191, 0, 0.702));
}
.modal {
  background-color: hsl(0deg 0% 0% / .5);
  position: fixed;
  height: 100%;
  backdrop-filter: blur(10px);
  width: 100%;
}
.modal img {
  margin-top: 4rem;
  width: min(90%, 1100px);
}
.modal::after {
  content: '❌';
  top: 8%;
  right: 10%;
  position: absolute;
  font-size: 3rem;
  cursor: pointer;
}