body {
    background: url('images/bg.jpg') center/cover no-repeat, linear-gradient(-45deg, #5c4037, hwb(278 21% 69%), #2f4249, #3b5853);
    background-size: cover, 400% 400%;
    background-blend-mode: multiply;
    -webkit-animation: gradient 15s ease infinite;
    animation: gradient 15s ease infinite;
    height: 100vh;
  }
  
  @-webkit-keyframes gradient {
    0% {
      background-position: center, 0% 50%;
    }
    50% {
      background-position: center, 100% 50%;
    }
    100% {
      background-position: center, 0% 50%;
    }
  }
  
  @keyframes gradient {
    0% {
      background-position: center, 0% 50%;
    }
    50% {
      background-position: center, 100% 50%;
    }
    100% {
      background-position: center, 0% 50%;
    }
  }