#observatory-banner img {
  --f: .1; /* the parallax factor (the smaller the better) */
  --r: 0px; /* radius */
  
  --_f: calc(80%*var(--f)/(1 + var(--f)));
  --_a: calc(90deg*var(--f));
  width:100%; /* the image size */
  aspect-ratio: calc(1.5 + var(--f));
  object-fit: cover;
  clip-path: inset(0 var(--_f) 0 0 round var(--r));
  transform: perspective(700px) var(--_t,rotateY(var(--_a)));
  transition: .5s;
  cursor: pointer;
  margin-left:4%;
}
#observatory-banner img:hover {
  clip-path: inset(0 0 0 var(--_f) round var(--r));
  --_t:translateX(calc(-1*var(--_f))) rotateY(calc(-1*var(--_a)))
}

#observatory-banner {
  margin: 0;
  display: grid;
  place-content: center;
  grid-auto-flow: column;
  gap:0px;
  padding:2em;
  background: radial-gradient(circle, white 0%, #232d4b 0%, #0e1a26 25%, #232d4b 50%, #0e1a26 75%, #232d4b 100%);
}