.containere {
  /* background: linear-gradient(0deg, rgba(52, 6, 18, 1) 0%, rgba(59, 5, 15, 1) 16%, rgba(67, 7, 16, 1) 31%, rgba(109, 19, 18, 1) 53%, rgba(127, 35, 20, 1) 71%, rgba(115, 52, 35, 1) 86%, rgba(96, 29, 21, 1) 100%); */
    background-image: url('../../images/fondo-primero.webp');
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transform: scale(1.1);
    filter: blur(0.1px);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.circle {
  position: absolute;
  border-radius: 50%;
  animation: move 5s linear alternate infinite;
}

.flicker {
  animation: flicker 5s ease infinite;
}

.blur {
  filter: blur(1.5px);
}

@keyframes move {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(var(--x), var(--y));
  }
}

@keyframes flicker {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}