Fixed wide image on shorts

[itsrn]

When the extension adds MrBeast to a short's thumbnail, it's way too wide:

I tried to change the styling of the MrBeast image on the short thumbnail, and found the (I hope) perfect settings for it:

top: 123px;
left: -3px;
width: 160%;
height: 50%;
z-index: 0;

which turned the thumbnail to look now like this:

which is way better then before. I modified the code so now it will show as this on shorts, and the normal settings on "normal" sized thumbnails.

[ryantanrk]

please rebase, also remove .ytd-rich-grid-slim-media from elementQuery on line 28 for it to show up on the home page

[itsrn]

rebased and done with everything, now it's working with all of the shorts thumbnails on youtube

[MagicJinn]

I'm having an issue where MrBeast is not on the bottom of the image.

[itsrn]

Fixed that issue. The only other issue I still get is when sometimes mrbeast is cut out of the thumbnail, or we can only see his hands. For example (at the right bottom corner):

I found it currently only with this image:
https://github.com/MagicJinn/MrBeastify-Youtube/blob/main/images/10.png

[MagicJinn]

This most likely occurs when the image is flipped, although there are some images that have MrBeast on the right by default. We could hardcode a list of images for the shorts thumbnails, but that goes against my design principles of making this add-on easy to port and modify. Thank you for your contribution. I won't merge it now, but I'll keep looking into a solution for these problems.

[redd-rl]

Would a viable answer be to have the image element only be the same width as the short thumbnail element, also reducing the height? It'd make him very small but it's one solution?