/* ═══════════════════════════════════════════ */
/* ══ 90's Era GIF Barrage — static scattered ══ */
/* ═══════════════════════════════════════════ */
.gif-barrage {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  z-index: 5;
  overflow: visible;
}

.gif-barrage a {
  pointer-events: auto;
  cursor: pointer;
}

.gif-barrage .gif-item {
  position: absolute;
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

/* ═══ 16 GIFs: left col, right col, top-center, bottom-center ═══ */

/* 1: DANCETHEHORSESAWAY (right content area, near top) */
.gif-barrage .gif-item:nth-child(1)  { right: 16%;  top: 8vh;      width: 170px; }

/* 2: HERMAN (top-right, aligned with top bar) */
.gif-barrage .gif-item:nth-child(2)  { right: 4px;  top: 6vh;      width: 165px; }

/* 3: ISHELLREAL (right, below PROTECTYOURSELF) */
.gif-barrage .gif-item:nth-child(3)  { right: 4px;  top: 66vh;     width: 160px; }

/* 4: MAN-HAPPY (top bar, shifted right) */
.gif-barrage .gif-item:nth-child(4)  { left: calc(50% - 405px); top: 6vh;  width: 538px; }

/* 5: BRAINSOFT (right) */
.gif-barrage .gif-item:nth-child(5)  { right: 4px;  top: 28.14vh;  width: 165px; }

/* 6: PROADAMERICAN (bottom-left, aligned with AUTISM on right) */
.gif-barrage .gif-item:nth-child(6)  { left: 4px;   top: 95vh;     width: 155px; }

/* 7: AUTISM (bottom-right, below PROADAMERICAN, flipped upside down) */
.gif-barrage .gif-item:nth-child(7)  { right: 4px;  top: 95vh;    width: 155px;  transform: rotate(180deg); }

/* 8: WASHHANDS (left) */
.gif-barrage .gif-item:nth-child(8)  { left: 4px;   top: 60vh;   width: 165px; }

/* 9: PROTECTYOURSELF (right) */
.gif-barrage .gif-item:nth-child(9)  { right: 4px;  top: 53.28vh;  width: 165px; }

/* 10: FREEONLINEBOOKS (left) */
.gif-barrage .gif-item:nth-child(10) { left: 4px;   top: 65.85vh;  width: 160px; }

/* 11: HAVEYOUSEENBIGBOY (top bar, right of MAN-HAPPY, no overlap) */
.gif-barrage .gif-item:nth-child(11) { left: calc(50% + 155px); top: 6vh;  width: 271px; }

/* 12: WIZARDFLUTES (shifted right) */
.gif-barrage .gif-item:nth-child(12) { right: 4px;  top: 82vh;    width: 170px; }

/* 13: YOU-DESERVE-IT-ALL-BBY (left) */
.gif-barrage .gif-item:nth-child(13) { left: 4px;   top: 78.42vh;  width: 165px; }

/* 14: BECOOL (center-right, same height as ROMANCE) */
.gif-barrage .gif-item:nth-child(14) { left: 50%;   top: 92.5vh; width: 400px; }

/* 15: ROMANCE (center-left, double size 400px) */
.gif-barrage .gif-item:nth-child(15) { left: calc(50% - 400px); top: 92.5vh; width: 400px; }

/* ═══ Mobile: hide them so content is readable ═══ */
@media (max-width: 700px) {
  .gif-barrage .gif-item { display: none; }
}