Bug: Show image is displayed incorrectly

[EdyDeveloper]

Describe the bug
The primary show image is shown with blurred bars instead of how it was before moving to SASS. (Not all shows but most of them).

To Reproduce
Steps to reproduce the behavior:

1. Add JellySkin
2. Click on any library (or look at the latest X category, etc. | Basically look at a show's image)
3. Inspect the show image

Expected behavior
The show's image should fill the whole rectangle and not have blurred bars anywhere like it was before.

Screenshots

This is how it looks currently (JellySkin 12.0.1):
Latest "X" section

Library view / Shows section

This is how it looked before:
Latest "X" section

Library view / Shows section

Desktop (please complete the following information):

• OS: Microsoft Windows 11 Release 21H2 (Build 22000.739)
• Browser: Microsoft Edge
• Version: 103.0.1264.37 64-bit

Smartphone (please complete the following information):

• Device: Samsung Galaxy Note 20 Ultra 5G (Snapdragon version)
• OS: Android 12 (One UI 4.1)
• Browser: Google Chrome
• Version: 102.0.5005.125

Additional Info

• I did try incognito, another browser, another computer, and my phone.
• I think that the problem is the image size. The images that don't have this issue are 400x600. Anything under that seems to have this issue. This doesn't occur with the old non-sass version so I think it definitely can be fixed.
• My Jellyfin server is hosted on a Windows 10 Pro (Build 19044.1766) computer.
• I am using Jellyfin 10.7.7 but I have tested Jellyfin 10.8 in a VM and this issue still occurs.

Thanks a lot for this awesome theme. Keep up the good work! (If you think I did something incorrectly please let me know!)

[prayag17]

Yeah the blurred bars are there because I made it in such a way that if the image is smaller than the card the full card image can be seen. Though it is only meant for square cards. I will fix this

[prayag17]

Fixed in version 12.0.2