/* Fullscreen overlay */
#be-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  background: #000; /* change if you want */
}

/* The "stage" that all layers share */
.be-loader-stack {
  position: relative;
  width: min(70vw, 420px);
  aspect-ratio: 1 / 1; /* keeps it square */
}

/* Every layer sits on top of each other, same size */
.be-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;

  display: block;
  object-fit: contain;      /* keeps proportions */
  object-position: center;  /* centers image */
  transform-origin: center center;

  opacity: 0;
  transform: translateY(18px) scale(1); /* important: scale(1) */
  will-change: transform, opacity;
}