* {
    box-sizing: border-box;
    scroll-behavior: smooth;
}
.intro .title{
    position: absolute;
    top:  18%;
    left: 0;
    right: 0;
    color: white;
    font-size: 2.4rem;
    z-index: 1;
    align-items: center;
    text-align: center;
    
}

.intro img {
    position: absolute;
    top: -8.4%;
    height: 50%; 

    width: 100%; 
    object-fit: cover;
    z-index:-1;
    filter: brightness(70%);


  }

  .page-wapper2{
    min-height: 70%;
}
.info .imgs img{
    align-items: center;
    width: 90%; 



}
@media (min-width: 768px) {
    .info {
        padding: 0 4%;
        font-size: 1.3rem;
    }
    .info .imgs{
        display: flex;
        justify-content: space-between;
        padding: 6% 4%;

    }
    .intro img {
        position: absolute;
        top: -8.4%;

        width: 100%; 

        z-index:-1;

      }
      .intro .title{
        position: absolute;
        top:  16%;
        left: 0;
        right: 0;
        color: white;
        font-size: 3.4rem;
        z-index: 1;
        align-items: center;
        text-align: center;
        
    }
}