.db-work-box-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.db-work-box{
  width:100%;
  margin-top:20px;
}

.db-work-img-wrapper{
  overflow: hidden;
  position:relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.db-work-box-img{
  display: block;
  transition: .3s ease-in-out;
}

.db-work-hover{
  display: block;
  position:absolute;
  left: 0;
  right:0;
  top:0;
  margin:0 auto;
  opacity:0;
  transition: .3s ease-in-out;
}

.db-work-plus{
  display: block;
  position:absolute;
  width:100%;
  max-width:24px;
  opacity:0;
  z-index:99;
  transition: .3s ease-in-out;
}

.db-work-img-wrapper:hover .db-work-box-img{
  transform: scale(1.05);
}

.db-work-img-wrapper:hover .db-work-hover{
  opacity:0.3;
}

.db-work-img-wrapper:hover .db-work-plus{
  opacity:1;
}

.db-work-box-title{
  margin-bottom:3px;
  margin-top:10px;
}

.db-work-box-title a{
  font-family: 'Utily Medium';
  font-size:24px;
  color:#20344a;
  margin-bottom:5px;
}

.db-work-box-excerpt{
  font-family: 'Utily';
  font-size:18px;
  color:#6c6c6c;
  line-height:1.1;
  margin-bottom:0;
}

















@media (max-width: 980px) {
    .db-work-box-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .db-work-box-wrapper {
        grid-template-columns: 1fr;
    }
}