সিএসএস

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
  mask-image: url("/app/assets/icon/home.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
}
</style>
</head>
<body>

<div>
  <img src="/images/author.jpg" alt="Cinque Terre" width="600" height="400">
</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
  mask-image: url("/app/assets/icon/home.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
}
</style>
</head>
<body>

<div>
  <img src="/images/author.jpg" alt="Cinque Terre" width="600" height="400">
</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
  mask-image: url("/app/assets/icon/home.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
}
</style>
</head>
<body>

<div>
  <img src="/images/author.jpg" alt="Cinque Terre" width="600" height="400">
</div>

</body>
</html>