.gallery-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.gallery-container .heading {
  padding-top: 70px;
  padding-bottom: 50px;
}
.gallery-container .heading h3 {
  font-size: 3rem;
  color: var(--mainText);
  margin-bottom: 40px;
}
.gallery-container .heading p {
  width: 85%;
  margin: 0 auto;
}

.gallery-container .box {
  display: flex;
  justify-content: space-between;
}

.gallery-container .box .img-col {
  display: flex;
  flex-direction: column;
  width: 31.5%;
}
.gallery-container .box .img-col img {
  width: 100%;
  padding-bottom: 25px;
}

@media only screen and (max-width: 769px) {
  .gallery-container .box {
    flex-direction: column;
  }

  .gallery-container .box .img-col {
    width: 90%;
    margin: 0 auto;
  }
}