/* HOVER IMAGE */
.image-wrapper {
    position: relative;
    padding: 2rem;
    border: 1px solid #000;
    background-color:#fff;
    transition:all ease 200ms;
    border-radius:3px;
    display:flex;
    place-content:center;
}

.image-wrapper:hover {
    background-color:var(--gold);
    border: 1px solid var(--gold);
}

.image-wrapper img {
    width: 100px;
    height:100px;
}

.image-wrapper .active {
    position: absolute;
    z-index: 100;
    opacity: 0;
    transition: opacity 200ms ease;
}

.image-wrapper:hover .active {
    opacity: 1;
}

.image-hover h5 {
    padding-top:1rem;
    text-align:center;
}

@media(max-width:980px) {
	.image-hover {
		margin:1rem 0;
	}
}