Frontend Mentor | QR-code-component solution

I decided to make the QR code image a background image however I noticed that it shows up in every browser except Safari. Is there a reason for this or a work around? And how often does this happen in other projects?

I also think that the original design has some shadowing on the card component and I made an attempt to add this design effect but I'm just not there yet. Any resources to help with adding shadows / effects to images would be much appreciated. Also I welcome any other feedback so that I can continue to improve my HTML and CSS. Thanks!