<div class="flex">
  <div>
    <h2>对比</h2>
    <img src="https://picsum.photos/id/21/300/300">
  </div>
  <div class="box">
    <h2>对比</h2>
    <img src="https://picsum.photos/id/21/300/300">
  </div>
</div>
.box {
  filter: grayscale(100%);
}

.flex {
  display: flex;
}

h2 {
  color: red;
}

img {
  max-width: 100%;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.