body {
  position: relative;
  min-height: 100vh;
  margin: 0;

  font-family: Arial, sans-serif;
  color: #fff;

  background: url("background.png") center / cover no-repeat;
  overflow: hidden;

  padding: 40px;
}

/* WARSTWA ANIMACJI */
body::before {
  content: "";
  position: absolute;
  inset: 0;

  background: url("x39-LifeWave-ThisIsItInfo.gif") center / cover no-repeat;
  opacity: 0.3; /* siła animacji */
  pointer-events: none;

  z-index: 0;
}

/* RAMKA */
.box {
  position: relative;
  z-index: 1;

  max-width: 600px;
  margin: auto;

  background: rgba(80, 80, 80, 0.75);
  padding: 25px;

  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.box h2,
.box p {
  color: #fff;
}

a {
  color: #8ecbff;
}