/* Three image containers (use 25% for four, and 50% for two, etc) */
.admin-img-col {
	float: left;
	width: 10%;
	height: 64px;
	padding: 5px;
	position: relative;
    display: inline-block; /* added */
    overflow: hidden; /* added */
}

.admin-img-col img{
	width: 100%;
	object-fit: contain;
}

.admin-img-col img:hover {
    opacity: 0.5
}

.admin-img-col:hover a {
    opacity: 1; /* added */
    top: 0; /* added */
    z-index: 500;
}
/* added */
.admin-img-col:hover a span {
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
/* added */
.admin-img-col a {
    display: block;
    position: absolute;
    top: -100%;
    opacity: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: #FFF;
	font-size: 0.5em;
}

.admin-img-col a:hover {
    opacity: 0.5;
	background-color: #A00;
}

.admin-img-row {
	border: 0px solid #EFEFEF;
	background-color: #EFEFEF;
	padding: 2px;
}

/* Clear floats after image containers */
.admin-img-row::after {
  content: "";
  clear: both;
  display: table;
}

.admin-img-row p{
	padding: 0px 0px 7px 5px;
}