.onClickTextOverImage{
  width:95%;height:250px; /* width:100%;height:350px; */
  background-size:cover;
  display:inline-block;
  border-radius:16px;
  margin:4px;
  box-shadow:0 0 1px rgba(0,0,0,0.1);
  cursor:pointer;
  position:relative;
}

.onClickTextOverImage div{
  position:absolute;
  color:#fff;
  padding:20px;
  top:0;
  bottom:0;
  right:0;
  left:0;
  background-color:rgba(255,255,255,0.8);
  border-radius:16px;
  padding-top:10%;
  text-align:center;
  opacity:0;
  visibility:hidden;
  transition:.3s;
}

.onClickTextOverImage.show div{
  opacity:1;
  padding-top:15%;
  visibility:visible;
}








.onClickTextOverImage2{
  width:100%; height:350px;/* width:100%;height:350px; */
  background-size:cover;
  display:inline-block;
  border-radius:16px;
  margin:0px;
  box-shadow:0 0 1px rgba(0,0,0,0.1);
  cursor:pointer;
  position:relative;
}

.onClickTextOverImage2 div{
  position:absolute;
  color:#fff;
  padding:20px;
  top:0;
  bottom:0;
  right:0;
  left:0;
  background-color:rgba(255,255,255,0.8);
  border-radius:16px;
  padding-top:10%;
  text-align:center;
  opacity:0;
  visibility:hidden;
  transition:.3s;
}

.onClickTextOverImage2.show div{
  opacity:1;
  padding-top:15%;
  visibility:visible;
}