Hi there,
This should work with the first one, as you’ve added a youtube-over
class to the container. That class doesn’t seem to exist in the other containers:
.youtube-over a:after {
content: "";
background: #fff url(https://YOURURLHERE.com/wp-content/uploads/youtube.svg);
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
transition: opacity 500ms ease;
}
.youtube-over a:hover:after {
opacity: 1;
}