Board Thread:Support Requests - Getting Technical/@comment-44745594-20200518221050

Hi! Is it possible to place this code onto my wiki? <!DOCTYPE html>  .container { position: relative; width: 50%; }

.image { display: block; width: 100%; height: auto; }

.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #008CBA; }

.container:hover .overlay { opacity: 1; }

.text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

Fade in Overlay Hover over the image to see the effect.

 Hello There

I found this code online, and I want to customize the image and the text, but I don't know where to put this. I'm assuming this is in CSS, but do I put this code onto a template or on my MediaWiki:Wikia.css? Thanks for all the help! 