.img-container {
  filter: grayscale(100%);
}

이 코드는 .img-container 클래스에 있는 이미지를 완전한 흑백으로 만듭니다. 0%는 원본색을 유지하고, 100%는 흑백으로 변환합니다.

더욱 유연한 효과를 원한다면, CSS 변수를 사용하여 조절할 수도 있습니다. 예를 들어,

:root {
  --grayscale-level: 100%;
}

.img-container {
  filter: grayscale(var(--grayscale-level));
}

이렇게 하면 --grayscale-level을 조절하여 효과의 강도를 유연하게 변경할 수 있습니다.

이러한 블랙-앤-화이트 필터는 이미지 갤러리, 포트폴리오, 또는 사진 웹 사이트에서 시각적인 통일성을 제공하는 데 유용합니다.