#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);
  }
  
.dif_icon img {
  width: 80px;
  height: 80px;
  margin-right: 10px;
}
header .title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Potta One' ;
  font-size: 3.5rem;            
  color: black;
}
.text{
  font-family: 'Edu AU VIC WA NT Hand';
  text-align: center;
  }
@media (max-width: 780px) {

.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;
}
.dif_icon img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.header-subtitle {
  font-family: 'Mogra', cursive;
  font-size: 2rem;
  text-align: center;  
  margin-top: 2rem;   
  color: black;   
}

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