.diafaneia {
  padding: 5rem 0rem 11rem 0rem;
}
.diafaneia-boxes {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3rem;
}

.no-image-box {
  width: 390px;
  height: 230px;
  background: #d4ebf7;
  align-items: center;
  justify-content: center;
}

.diafaneia-box {
  position: relative;
}

.title-box {
  position: absolute;
  background: white;
  top: 83%;
  left: 16%;
  width: 260px;
  height: 80px;
  box-shadow: 2px 4px 8px #95958d67;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}

.title-box:hover {
  background: #d9edfd;
}

@media (max-width: 1400px) {
  .diafaneia-boxes {
    gap: 5rem;
  }
}

@media (max-width: 500px) {
  /* .diafaneia-img{
    width:300px!important;
  } */
  .title-box span {
    font-size: 15px !important;
  }
}