Content not showing up on print (CSS)

Hello there,

I have the following CSS:

@media print {
    .no-print, .no-print *
    {
        display: none;
    }
    
   .onlyPrint {
       display: block !important;
   }
}

@media screen {    
   .onlyPrint {
       display: none;
   }
}

I use the onlyPrint class on a QR Code image to only show the image when printing the page.

The weird thing is, when I use the standaard Chrome option to print, the QR code shows, but when I use this plugin, the QR code is not showing.

Any idea how I could adapt my CSS so that the QR code does show when using the plugins print option?