.hero::before{
  background-image: linear-gradient(180deg, #000000e7 0%, #0000008c 100%), url('../images/desarrollador1.jpg');
  background-attachment: fixed;
  background-size: cover;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 95%, 0 80%);
  z-index: -1;
  
}


/*news cards*/
.news-cards{
  background-image: linear-gradient(to top, #0414f577 0%, #d1def898 100%);
}
.titu{
    text-align: center;
    font-size: 29px;
}
.news-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    padding: 5%;
    width: 100%;
  }
  .news-cards img{
    width: 100%;
    height: auto;
    border-radius: 14px;
  }
  
  @media (max-width:900px){
    .news-cards {
        grid-template-columns: repeat(3, 1fr);
      }
      .news-cards img{
        width: 100%;
        height: auto;
      }
  }
  @media (max-width:700px){
    .news-cards {
        grid-template-columns: repeat(2, 1fr);
      }
      .news-cards img{
        width: 100%;
        height: auto;
      }
  }