ロゴ画像の白背景を透過させる

HTML

<div class="logo">
  <img src="logo.jpg" alt="Coffee Shop のロゴ画像">
</div>

CSS

img {
  mix-blend-mode: multiply;
}

.logo {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(background-picture.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}