.bg {
    /* The image used */
    background-image: url("./assets/images/bg.png");
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode:multiply;

    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin: auto; 
    z-index: 200;
    pointer-events: none;
  }

  .bg-vintage {
    /* The image used */
    background-image: url("./assets/img/Vintage.png");
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;

    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin: auto; 
    z-index: 250;
    pointer-events: none;
    animation: obscure 30s forwards;
  }

  .bg2 {
    background-color: black;
    opacity: 0;

    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin: auto; 
    z-index: 150;
    pointer-events: none;
    animation: obscure 1s forwards;
  }

  .bg3 {
    background-color: black;
    opacity: 1;

    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin: auto; 
    z-index: 150;
    pointer-events: none;
    animation: visible 1s forwards;
  }

  .bg4 {
    background-image: url("./assets/img/screamer.png");
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    opacity: 1;

    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin: auto; 
    z-index: 150;
    pointer-events: none;
  }

  @keyframes obscure { 
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 0.95;
    }
  }

  @keyframes visible { 
    0% {
      opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
  }

  .black-and-white{
    filter:brightness(70%) contrast(150%) saturate(0%) brightness(150%);
  }
  
  @keyframes jiggle {
    48%, 62% {
      transform: scale(1.0, 1.0)
    }
    50% {
      transform: scale(1.1, 0.9)
    }
    56% {
      transform: scale(0.9, 1.1) translate(0, -5px)
    }
    59% {
      transform: scale(1.0, 1.0) translate(0, -3px)
    }
  }