.img-title {
	display: contents;
}
.img-title:before {
    content: '';
	position: absolute;
    bottom: -6px;
	left: -88px;
	opacity: 0;
    z-index: -1;
    font-family: monospace;
    font-size: 12px;
	border: 4px double #fdccd9;
    background-color: #ffdae4;
}
	
.img-title:hover {
	cursor: pointer;
}

.img-title:hover:before {
	content: attr(data-title);
	border-radius: 0;
    position: absolute;
    bottom: -6px;
    width: 130px;
    height: 25px;
    left: -111px;
    opacity: 1;
    z-index: 2;
    font-family: monospace;
    font-size: 12px;
    border: 4px double #fdccd9;
    background-color: #ffdae4;
    top: -18px;
	display: flex;
	align-items: center;
    justify-content: center;
	transition: 0.2s ease-in-out;
}