User:Jdlrobson/Black Lives Matter/Flexcard/styles.css

.template-card { width: 164px; height: 164px; border: solid 1px #333; overflow: hidden; position: relative; opacity: 0.6; transition: all 0.3s ease-out; background: black; }

.template-card:hover { opacity: 1; }

.template-card img { width: 100%; background: black; height: 100% !important; object-fit: cover; } .template-card:hover img { object-fit: contain; } .template-card p, .template-card p > a { margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0;color: transparent; } .template-card .thumbcaption { display: none; }

.template-card--white img { background: white; }

.template-card--white { background: white; } .template-card figure, .template-card figure a, .template-card div.thumb a, .template-card div.thumb { margin: 0; padding: 0; height: 100%; width: 100%; }

.template-card div.thumbinner { border: none; padding: 0; height: 100%; width: 100% !important; } .template-card a { display: block; }

@media (min-width: 720px) {

}