header {
  position:relative;
  overflow:visible;
  min-width:100px;

  margin-bottom:100px;
}

  header .header_img {
    aspect-ratio:2;
    object-fit:cover;
    object-position:center;
    width:100%; 
  }
    header h1 {
      position:absolute;
      left:0;
      width:50%;
      bottom:0;
      color:white;
      display:inline-block;
      padding:30px;
    }

    header .arrow_dot {
      position:absolute;
      bottom:-30px;
      left:calc(50% - 30px);
      width:60px;
      background-color:var(--orange);
    }
    header .arrow_dot:hover {
      background-color:black;
    }
    header .arrow_dot:active {
      transform:scale(.9);
    }
      header .arrow_dot:after {
        background:var(--lightgray);
        transform:rotate(90deg);
      }


@media (max-width:991px) {
  header {
    margin-bottom:30px;
  }
    header .arrow_dot {
      width:40px;
      left:calc(50% - 20px);
      bottom:-20px;
    }
}