#footer {
  position: relative;
  background-color: transparent;
  border-top: none;
  padding: 0;
}
#footer * {
  text-shadow: none !important;
}
#footer:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("https://r2-assets.thelynan.com/gallery/IMG_0606_cb5a32b0f9.jpg");
  background-size: cover;
  background-position: 10% 10%;
  opacity: 0.3;
  z-index: 0;
}
#footer .footerInner {
  position: relative;
  border-top: none;
  width: 100%;
  z-index: 2;
  padding: 24px min(3vw, 26px) 40px min(3vw, 26px);
}

#footer::before {
  content: "";
  display: block;
  width: 100%;
  height: 80%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  z-index: 1;
}