/* Galactic-centre background beneath the Prague Orloj mechanism.
 * The source photograph remains at its natural aspect ratio. `cover` may crop
 * overflow from the sides, but never stretches or deforms the celestial forms.
 * Source: ESO/S. Brunier, Wikimedia Commons, CC BY 4.0. */

.orloj-page-backdrop {
  background-color: #020407 !important;
  background-image:
    linear-gradient(180deg, rgba(2, 6, 10, 0.18), rgba(3, 8, 13, 0.44)),
    radial-gradient(circle at 52% 48%, rgba(185, 132, 55, 0.055), transparent 35%),
    url("https://upload.wikimedia.org/wikipedia/commons/thumb/6/60/ESO_-_Milky_Way.jpg/1344px-ESO_-_Milky_Way.jpg") !important;
  background-position: center, center, center !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  background-size: cover, cover, cover !important;
}

@media (max-width: 700px) {
  .orloj-page-backdrop {
    background-image:
      linear-gradient(180deg, rgba(2, 6, 10, 0.22), rgba(3, 8, 13, 0.5)),
      radial-gradient(circle at 52% 48%, rgba(185, 132, 55, 0.05), transparent 35%),
      url("https://upload.wikimedia.org/wikipedia/commons/thumb/6/60/ESO_-_Milky_Way.jpg/1344px-ESO_-_Milky_Way.jpg") !important;
    background-position: center, center, center !important;
    background-size: cover, cover, cover !important;
  }
}