footer {
  min-height: 1200px;
  background: url('../images/img_footer.jpg') no-repeat center center / cover;
  display: flex;
  align-items: flex-end;
}

.footer-wrapper {
  width: 100%;
  padding-top: 100px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100px);
}

.footer-logo {
  height: 150px;
  background: url('../images/logo_footer.svg') no-repeat center top / contain;
}

@media all and (max-width: 991px) {
  .footer-logo {
    background-size: contain;
    height: 80px;
    background-position-y: bottom;
  }
}

@media all and (max-width: 767px) {
  footer {
    background-size: contain;
    background-position: top;
    min-height: 860px;
  }
}