// Code from // bitsofco.de/styling-broken-images/

img {

/* Same as first example */
min-height: 50px;

}

img:before {

content: " ";
display: block;

position: absolute;
top: -10px;
left: 0;
height: calc(100% + 10px);
width: 100%;
background-color: rgb(230, 230, 230);
border: 2px dotted rgb(200, 200, 200);
border-radius: 5px;

}

img:after {

content: "\f127" " Image indisponible " attr(alt);
display: block;
font-size: 16px;
font-style: normal;
font-family: FontAwesome;
color: rgb(100, 100, 100);

position: absolute;
top: 5px;
left: 0;
width: 100%;
text-align: center;

}