How to put the wandering Space Invader icon into a regular LES post like an emoji?

Not_Oles · 12:59AM

I see a few things.

First, the basic icon file:

Second, the span on a page where the icon is used for its intended purpose:

From: view-source:https://lowendspirit.com/discussion/11129/welcome-new-members-mega-thread#latest

<span class="LesKarmaStore-badge LesKarmaStore-badge--wander" title="Space Invader"><img src="https://lowendspirit.com/uploads/karmastore/1785173384-9136.png" alt=""></span>

Third, some CSS which includes "animation":

From https://lowendspirit.com/plugins/LesKarmaStore/design/leskarmastore.css?v=0.9.9

.LesKarmaStore-badge--wander img,
.LesKarmaStore-previewBadge.is-wander img,
.LesKarmaStore-badgePreviewSize.LesKarmaStore-badge--wander img {
    position: absolute;
    left: 0;
    top: 50%;
    height: 100%;
    width: auto;
    max-width: none;
    object-fit: contain;
    animation: les-ks-walk 6s linear infinite;
    will-change: left, transform;
}
@keyframes les-ks-walk {
    0%   { left: 0;    transform: translateX(0)      translateY(-50%) scaleX(1); }
    46%  { left: 100%; transform: translateX(-100%)  translateY(-50%) scaleX(1); }
    50%  { left: 100%; transform: translateX(-100%)  translateY(-50%) scaleX(-1); }
    96%  { left: 0;    transform: translateX(0)      translateY(-50%) scaleX(-1); }
    100% { left: 0;    transform: translateX(0)      translateY(-50%) scaleX(1); }
}

Can the wandering Space Invader icon to be added to the body text of a regular LES post, kind of like it was an emoji?

Thanks!