#gallerybanner {
  background: url("../images/about/page-header-bg.jpg") center center/cover no-repeat local !important;
   height: 450px;
}
#gallerybanner  .page-title-container {
  top: 40px;
}
.gallery-area .btn {
    font-weight: 500;
    padding: 10px 25px;
    border-radius: 100px;
}

.portfolio-item {
    height: 200px;
}
.portfolio-item::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}


.portfolio-item img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    display: block;
}



.portfolio-item .portfolio-btn {
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  text-decoration: none;
  opacity: 0;
  transition: .5s;
  z-index: 2;
}

.portfolio-item .portfolio-btn i {
  color: #FFFFFF;
}
.portfolio-item:hover .portfolio-btn {
  opacity: 1;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
  border: 2px solid #000;
  background: rgba(0,0,0,0.45);
  top: 1px;
  left: 1px;
}