.spa-service-photos-container {
    /* border: 1px red solid; */
    width: 75%;
    height: 100%;
}

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

.spa-service-photos-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr);
    gap: 2rem;
    width: 100%;
    height: 50vh;
    /* border: 1px blue solid; */

}

.spa-service-photo-one { 
    
    grid-area: 1 / 1 / 7 /  5;
    /* border: 1px red solid;  */
    background: url("https://media.istockphoto.com/id/1357705422/es/foto/interior-de-la-sala-de-masajes-del-spa-de-lujo-con-mesas-de-masaje-ba%C3%B1era-de-hidromasaje-y.jpg?s=612x612&w=0&k=20&c=3F8JOcZj1jc_FoP3RY2AUfKdT7p4OAysXvegwynA0C4=") center/cover no-repeat;
    border-radius: 1rem;
    
}

.spa-service-photo-two { 
    grid-area: 1 / 5 / 4 / 7; 
    /* border: 1px red solid; */
    border-radius: 1rem;
    background: url("https://t3.ftcdn.net/jpg/06/44/76/04/360_F_644760448_xpk6GnsIDAK4lSzOpgxanlx8VVCjBho1.jpg") center/cover no-repeat;
}

.spa-service-photo-three { 
    grid-area: 4 / 5 / 7 / 7; 
    /* border: 1px red solid; */
    border-radius: 1rem;
    background: url("https://sdg-migration-id.s3.amazonaws.com/thumbs_Interior-Design-John-Pawson-Jaffa-hotel-Tel-Aviv-spa-treatment-room-1018.770x0_q95.jpg") center/cover no-repeat;
} 


@media (max-width: 1000px) {

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

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

