.grid-stack-item:hover .title-talfa-show-on-image {
  display: flex;
}
.grid-stack-item .title-talfa-show-on-image {
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  color: white;
  display: none;
}
.grid-stack-item .title-talfa-show {
  display: flex;
  align-items: center;
  position: relative;
  text-align: center;
  /*    p {
      display: flex;
      align-items: center;
      height:100%;
      width: 100%;
      border-top:none;
    }*/
}
.grid-stack-item .title-talfa-show p {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 200px) {
  .grid-stack-item .title-talfa-show,
  .grid-stack-item .title-talfa-show-on-image {
    font-size: 30px;
  }
  .grid-stack-item .title-talfa-show p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 400px) {
  .grid-stack-item .title-talfa-show,
  .grid-stack-item .title-talfa-show-on-image {
    font-size: 27px;
  }
  .grid-stack-item .title-talfa-show p {
    font-size: 22px;
  }
}
@media only screen and (min-width: 600px) {
  .grid-stack-item .title-talfa-show,
  .grid-stack-item .title-talfa-show-on-image {
    font-size: 25px;
  }
  .grid-stack-item .title-talfa-show p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .grid-stack-item .title-talfa-show {
    font-size: 20px;
  }
  .grid-stack-item .title-talfa-show-on-image {
    font-size: 28px;
  }
}