#gallery {
  padding: 2rem;
  max-width: 100%;
  margin: 0 auto; 
}

.gallery-container {
  display: flex;
  flex-wrap: wrap;    
  gap: 0.5rem; 
  justify-content: center; 
}

.gallery-container img {
  height: 250px;    
  width: auto;       
  object-fit: cover; 
  border-radius: 8px;  
  transition: transform 0.3s;
}

.gallery-container img:hover { 
  transform: scale(2); 
  }

  header .title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Potta One' ;
  font-size: 4rem;        
  color: black;
}


@media (max-width: 740px) {

.gallery-container img {   
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px; 
  transition: transform 0.3s;
}

  header .title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Potta One' ; 
  font-size: 7vw;  
  color: black;
}
}

.header-subtitle {
  font-family: 'Mogra', cursive;
  font-size: 2rem; 
  text-align: center;  
  margin-top: 2rem; 
  color: black; 
}

.gallery-container img:hover {
  transform: scale(1.1);