.items-list {
  min-height: 50vh;
}

.item-wrapper {
  padding: 0;
  position: relative;
}

.items-list .item-wrapper .item-card {
  height: 100%;
  width: 100%;
  position: relative;
}

.portfolio-grid-item {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.pgi-image {
  margin: auto;
  position: absolute;
  inset: 0;
  width: 80%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
  transform: scale(1.1);
  background-position: center;
  transition: all 0.3s ease-in-out !important;
}



.portfolio-grid-item:hover .pgi-image:hover {

  transform: scale(1);
}

.pgi-caption-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  padding: 10px;
  color: white;
  z-index: 4;
}

.pgi-caption-title {
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0;
  padding: 5px;
  background-color: black;
  color: white;
  border-radius: 5px;
}

.pgi-caption-category {
  font-size: 0.875rem;
  margin-top: 5px;
}

.pgi-caption-category span {
  display: block;
  background-color: #b71f34;
  font-weight: 300;
  padding: 2px 5px;
  border-radius: 3px;
  margin-bottom: 3px;
  font-weight: 500;
}

@media (max-width: 576px) {
  .items-list .item-wrapper {
    height: 300px;
  }


}