Disable image/title overlapping on mobile on notebookcheck

UX designers are awesome, they can play nicely with opacity, but I want to see full images without hurting my eyes

// ==UserScript==
// @name        Disable image/title overlapping on mobile on notebookcheck
// @namespace   shitkiller
// @match       https://www.notebookcheck.net/*
// @match       https://www.notebookcheck.com/*
// @description UX designers are awesome, they can play nicely with opacity, but I want to see full images without hurting my eyes
// @grant       none
// @version     1.0
// @author      shit-killer
// ==/UserScript==

// It can and MUST be implemented in Stylus, but I have no time to explore this

const style = document.createElement('style');
document.head.appendChild(style);

style.innerHTML = `
@media only screen and (max-width: 450px) {
.introa_rm_img {
  max-height: initial;
  min-height: auto;
}
`;