@media only screen and (max-width: 600px) {
  .galleryContainer {
    max-width: 400px !important;
  }
  .gallery-wrap {
    flex-direction: column !important;
    height: 110vh !important;
  }
  .item{
    max-height: 300px;
  }
 
}


.galleryContainer {
  /* padding: 75px 0; */
  margin: 0 auto;
  max-width: 800px;
  display: none;
}


.gallery-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 50vh;
}


.item {
  flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  transition: flex 2s ease;
  border: 2px solid #d3d3d35c;
  filter: brightness(0.5);
}

.activeGallery {
  flex: 10;
  filter: brightness(1);
}

.item-1 {

  background-image: url("../../src/images/portfolio/portfolio-1.jpg");
}

.item-2 {
  background-image: url("../../src/images/portfolio/portfolio-4a.jpg");
}

.item-3 {
  background-image: url("../../src/images/portfolio/portfolio-2.jpg");
}

.item-4 {
  background-image: url("../../src/images/portfolio/portfolio-3a.jpg");
}

.item-5 {
    background-image: url("../../src/images/portfolio/portfolio-9.png");
  }
.item-6 {
    background-image: url("../../src/images/portfolio/portfolio-8.png");
  }

.social {
  position: absolute;
  right: 35px;
  bottom: 0;
}
.social img {
  display: block;
  width: 32px;
}