CSS - tizen issue

[Cronus]

I have a code snippet that I was so graciously given by a user on this forum a while ago, it works beautifully on almost all my jellyfin clients, except for my tizen client. Now, I have tried to substitute hover with focus-within, focus, is-focused etc. to no avail. I have no idea why the CSS code isn't working in my tizen server to be honest. Is there someone with smarttv knowledge or even tizen knowledge and some CSS knowhow, that could perhaps assist?

Thank you so much for any help you can provide!

Code:

a[title="Series"]

.card[data-id='5ddaa59a73205234890fdcfc683e14ed'] .cardImageContainer::after {
    content: "";
    background-image: url("https://jelly.belly.is/Items/5ddaa59a73205234890fdcfc683e14ed/Images/Logo?maxWidth=480&tag=5ddaa59a73205234890fdcfc683e14ed&quality=90");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    pointer-events: none;
}

.card[data-id='5ddaa59a73205234890fdcfc683e14ed']:hover .cardImageContainer::after,
.card.show-animation[data-id='5ddaa59a73205234890fdcfc683e14ed']:focus .cardImageContainer::after {
    opacity: 1;
    transform: scale(1.05);
}

SOLVED: the issue was that it was the cardcontainer that had to be targeted for TIZEN.