.ani {
    /* Set a specific height */
 
    overflow: hidden;
    position: relative;
    margin-bottom: 56px;
}

  
  .intro-header {
    /* position: fixed; */
    top: 0;
    left: 0;
  /*   height: 100vh; */
    width: 100%;
    display: table;
    z-index: -1;
    padding-bottom: 32%;
  }
  .intro-header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   /*  background: rgba(0, 0, 0, 0.3); */
    z-index: 1;
  }
  .intro-header .bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
      background-size: cover;
  }
  .intro-header .header-content {
    position: relative;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    z-index: 2;
  }