:root {
  --titlebackground: url(/img/mern/mernsmp-background.webp);
}
@media (orientation:landscape) {
  :root {
    --titleImageSize: 60vh;
  }
}
@media (orientation:portrait) {
  :root {
    --titleImageSize: 80vw;
  }
}
#title {
  background: var(--titlebackground);
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
#titleEl {
  background: url(/img/mern/MernSMPTitle_R1.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: var(--titleImageSize);
  height: var(--titleImageSize);
  border: none;
  box-shadow: none;
}