@media(max-width: 750px) {
  .headline {
    background-position-y: calc(50% + 11px);
  }
}

@media(max-width: 600px) {
  input {
    display: none;
  }

  .headline {
    font-size: 14vw;
  }

  .overlay-content {
    height: 85%;
  }

  .card-overlay {
    width: 300px;
    height: 450px;
  }

  .card-image-overlay {
    width: 70%;
    height: 30%;
  }

  .move {
    flex: 1 1 calc(33.333% - 3px);
    padding: 2px; 
  }

  .arrow-left {
    position: absolute;
    bottom: 0;
    left: 15%;
    width: 50px;
  }
  
  .arrow-right {
    position: absolute;
    bottom: 0;
    right: 15%;
    width: 50px;
  }
}

@media(max-width: 500px) {
  .headline {
    background-position-x: calc(50% - 20px);
    background-position-y: calc(50% + 8px);
  }
}

@media(max-width: 450px) {
  .loader img {
    height: 20%;
  }

  .footer-info span {
    font-size: 16px;
  }

  footer img {
    width: 26px;
  }
}