.sections {
  width: 100%;
  height: 500px;
  background-size: cover;
  margin-top: 250px;
  background-image: url(../images/bg17.jpg);
  background-position: center;
}

.gallery img {
  height: 300px;
  width: 340px;
  object-fit: cover;
  margin: 10px;
  text-align: center;
}

/* Responsive styles */
@media (max-width: 1200px) {
  .sections {
      height: 400px;
  }
  .gallery img {
      height: 250px;
      width: 300px;
  }
}

@media (max-width: 768px) {
  .sections {
      height: 350px;
      margin-top: 150px;
  }
  .gallery img {
      height: 200px;
      width: 260px;
      margin: 5px;
  }
}

@media (max-width: 480px) {
  .sections {
      height: 300px;
      margin-top: 100px;
  }
  .gallery img {
      height: 150px;
      width: 200px;
  }
}