footer {
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 1) 80%
  );
}

@media screen and (max-width: 767px) {
  footer {
    background-color: rgb(255, 255, 255, 1);
  }
}