img {
    border: 3px solid white;
    /* border-bottom: 25px solid white; */
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
}
img::after {
    content: " (" attr(title) ")";
}
article img[alt='lightbox'] {
    display: none;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    pointer-events: none;
    -moz-box-shadow: -6px 10px 10px rgba(0, 0, 0, 0.5), 5px 6px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: -6px 10px 10px rgba(0, 0, 0, 0.5), 5px 6px 10px rgba(0, 0, 0, 0.5);
    box-shadow: -6px 10px 10px rgba(0, 0, 0, 0.5), 5px 6px 10px rgba(0, 0, 0, 0.5);
}

a:active:after {
    display: none;
}
img:active::before {
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    content: " (" attr(href) ")";
    content: " ";
    z-index: 101;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}
img:not([alt='lightbox']):hover + img[alt='lightbox'] {
    display: block !important;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 101;
}