div.image{
   float: left;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 400px;   /* em */
   height: 300px;
   margin-right: 30px;
   margin-left: 30px;
   margin-bottom: 30px;
   /*background: #F00;*/
   border: 1px solid #FFF;
   /* overflow: hidden; */
}
div.image div{
   width: 100%;
   height: 100%;
}
div.image div img{
   max-width: 100%;
   max-height: 270px;
}
div.image div p{
   height: 30px; line-height: 30px;
   margin: 0;
   padding: 0;
}