调整窗口宽度上的悬停图像

Question

如何根据窗口宽度自动调整悬停图像的大小以避免溢出？显示的图像显示在悬停链接上。它的内容设置为：url（）

更新解决方案 transform: scale做到了

https://jsfiddle.net/6bqfzbj1/

<a class="lightbox">Example</a>

CSS

a.lightbox:hover {
    position: relative;
}

a.lightbox:hover:after {
    content: url(./bilder/Website-Uebersetzung.png); 
    display: block;
    position: absolute;
    top: -300px;
}