img { height: 100%; width: 100%; display: block; object-fit: cover; } .blur { filter: blur(10px); } .grayscale { filter: grayscale(60%); }
<div class="wrapper"> <div class="box"><img src="balloons.jpg" alt="balloons" class="blur"></div> <div class="box"><img src="balloons.jpg" alt="balloons" class="grayscale"></div> </div>
