/* on class .hover-yellow-filter, add a yellow filter on hover */
.hover-yellow-filter img,
.hover-yellow-filter {
    background: var(--wp--preset--color--contrast);
    transition: all 0.3s ease;
}
/* Apply opacity to children to reveal the background behind */
.hover-yellow-filter img, 
.hover-yellow-filter > * {
    transition: opacity 0.3s ease;
}
.hover-yellow-filter:hover img,
.hover-yellow-filter:hover > * {
    opacity: 0.6;
}