#yeah, #nah, #Ram_Ranch, #bgv {
  object-fit: cover;
  flex-shrink: 0;
  position: fixed;
  top: 0; right: 0;
  width: auto;
  height: 100vh;
  overflow: hidden;
  justify-content: flex-end;
  align-items: center;
  filter: brightness(110%);
}

#Ram_Ranch,  #nah  { display: none; opacity: 0; }
.scrolled_UU #nah  { animation: wow 0s linear 2.28s forwards; display: flex; }
.scrolled_UU #Ram_Ranch { animation: wowe 0s linear 2.28s forwards; display: flex; opacity: 1; }

@keyframes wow  { to {opacity: 1;} }
@keyframes wowe { from {z-index: 0;} to {z-index: -2;} }
 
#counter {
  position: fixed;
  bottom: 60px; right: 90px;
  font-size: 2.5em;
  font-family: Arial;
  font-weight: bold;
  color: rgb(255, 255, 255);
  padding: 0.2em 0.3em;
  opacity: 0.7;
  transform: scale(150%);
}

pre.IP_SN {
  position: fixed;
  top: 200px; 
  right: -60px; 
  font-family: monospace;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.65);
  transform: rotate(90deg);
}

.Ela_1 {
  position: fixed;
  left: -283px; bottom: 75px;
  z-index: 1;
  transform: rotate(-90deg) scale(20%);
  opacity: 0.4;
}

.Ela_2 {
  position: fixed;
  left: 0px; bottom: -40px;
  z-index: 1;
  transform: scale(50%);
  opacity: 0.07;
  clip-path: inset(110px 0 0 0);
}

.Ela_x {
  position: fixed;
  right: -250px; bottom: 130px;
  z-index: 1;
  transform: rotate(-90deg) scale(20%);
  opacity: 0.5;
}

.Ela_y {
  position: fixed;
  left: -270px; bottom: -50px;
  z-index: 1;
  transform: rotate(-90deg) scale(25%);
  opacity: 0.2;
}

.Side_text {
  position: fixed;
  left: -70px;
  color: white;
  font-family: Arial;
  font-size: 0.6rem;
  transform: rotate(90deg);
  opacity: 0.5;
}

.Side_text.top {top: calc(30vh + 20px);}
.Side_text.bottom {bottom: calc(30vh + 120px);}