.dental-service-photos-container {
    width: 75%;
    height: 100%;
}

.dental-service-tittle h2{
    font-size: 3rem;
    font-weight: 700;
    color: #131313;
    margin-bottom: 1rem;
}

.dental-service-photos-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr);
    gap: 2rem;
    width: 100%;
    height: 50vh;

}

.dental-service-photo-one { 
    
    grid-area: 1 / 1 / 7 /  5;
    background: url("https://alemarquitectura.com/wp-content/uploads/2021/10/diseno-clinica-dental-pequena-4.jpg") center/cover no-repeat;
    border-radius: 1rem;
    
}

.dental-service-photo-two { 
    grid-area: 1 / 5 / 4 / 7;
    border-radius: 1rem;
    background: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRkgFccg6ZT-FjTVKEeqy8TIQepmiYoF95o1A&s") center/cover no-repeat;
}

.dental-service-photo-three { 
    grid-area: 4 / 5 / 7 / 7; 
    border-radius: 1rem;
    background: url("https://images.adsttc.com/media/images/5e3b/13a5/3312/fdc8/2700/0099/large_jpg/FRAN_SILVESTRE_ARQUITECTOS_VALENCIA__CLINICA_DENTAL_IMAGES_007.jpg?1580929924") center/cover no-repeat;
} 

@media (max-width: 1000px) {

    .dental-service-photos-container {
        width: 85%;
        height: 100%;
    }

    .dental-service-photos-grid {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: auto;
      gap: 10px;
    }
  
    .dental-service-photo-one {
      grid-column: span 2;
      grid-row: 1;
    }
  
    .dental-service-photo-two {
      grid-column: 1;
      grid-row: 2;
    }
  
    .dental-service-photo-three {
      grid-column: 2;
      grid-row: 2;
    }
  }
  