.so-widget-multimedia { display:grid; gap:30px; grid-template-columns:repeat(4, 1fr); }
.so-widget-multimedia .thumbnail { text-align:center; }
.so-widget-multimedia .thumbnail a { display:inline-block; position:relative; }
.so-widget-multimedia .thumbnail a img { display:block; width:300px; }
.so-widget-multimedia .thumbnail a .overlay { background-color:rgba(0, 0, 0, 0.3); opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; transition:opacity 0.6s; }
.so-widget-multimedia .thumbnail a:hover .overlay { opacity:1; }
.so-widget-multimedia .thumbnail a .overlay i { color:#fff; font-size:24px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.so-widget-multimedia .thumbnail .title { font-size:16px; margin-top:6px; }

@media (max-width:991px) {
	.so-widget-multimedia { grid-template-columns:repeat(3, 1fr); }
}

@media (max-width:767px) {
	.so-widget-multimedia { grid-template-columns:repeat(2, 1fr); }
}