.second{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to bottom, rgba(0, 128, 0, 1), rgba(16, 163, 231, 0.3));
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 2;
  }

  .textDig {
    color:#ffffff; 
    font-size:10vmin; 
    font-weight:700; 
    text-align: center;
  }
  
  .third {
    height: 100vh;
    position: relative;
    z-index: 1;
  }
  .forth {
    height: 100vh;
    position: relative;
    z-index: 0;
  }
  .fifth {
    background-color: #d8e0e9;
    height: 100vh;

  }

  .img1 {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(../images/NCIC_3d.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   /*  transition: 1s;
  }
  .img1:hover {
    opacity: 0; */
    
  }
  .img2 {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(../images/NCIC_real.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    animation-name: opaco1;
    animation-duration: 5s;
    /* animation-delay: 5s; */
    animation-direction: alternate;
    animation-iteration-count: infinite;
  }
  @keyframes opaco1 {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .img1a {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(../images/NCIC_3d.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
   /*  transition: 1s;
  }
  .img1:hover {
    opacity: 0; */
    
  }
  .img2a {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(../images/NCIC_real.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
    animation-name: opaco1;
    animation-duration: 5s;
    /* animation-delay: 5s; */
    animation-direction: alternate;
    animation-iteration-count: infinite;
  }

/*   @keyframes opaco1 {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  } */
  
  .img3 {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(../images/JV_3d.webp);
    background-position: 40%;
    background-repeat: no-repeat;
    background-size: cover;
  
  /*   transition: 1s;
  }
  .img3:hover {
    opacity: 0; */
    
  }
  .img4 {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(../images/JV_real.webp);
    background-position: 40%;
    background-repeat: no-repeat;
    background-size: cover;
    animation-name: opaco2;
    animation-duration: 5s;
    /* animation-delay: 5s; */
    animation-direction: alternate;
    animation-iteration-count: infinite;
  }
  @keyframes opaco2 {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .gif {
    width: 100%;
    height: 100%;
  }



/*    @media only screen and (max-width: 374px) {
    .textDig {
      font-size:28pt; 
    }
  }
  
  @media only screen and (min-width: 375px) {
    .textDig {
      font-size:38pt; 
    }
  } 
  @media only screen and (min-width: 575px) {
    .textDig {
      font-size:60pt; 
    }
  } 
  @media only screen and (min-width: 768px) and (orientation: landscape) {
    .textDig {
      font-size:28pt; 
    }
  } 
  @media only screen and (min-width: 768px) {
    .textDig {
      font-size:80pt; 
    }
  } 
  
  @media only screen and (min-width: 992px) {
    .textDig {
      font-size:100pt; 
    }
  }  */