Demo: CSS image-rendering

<div class='image-container'>
    <img src='https://via.placeholder.com/150' class='pixel-art' alt='Pixel Art Example'>
</div>

.image-container {
    width: 300px;
    height: 300px;
    overflow: hidden;
    border: 2px solid #333;
}

.pixel-art {
    width: 300px;
    height: 300px;
    image-rendering: pixelated;
}

// No JavaScript required for this demo