Я пытаюсь замаскировать текст за пейзажем. есть ли функция в css, которая позволяет это?

Question

Я уже сделал замаскированную версию фотографии в фотошопе, хотя не уверен, нужно ли мне замаскировать небо или город. Я также пытаюсь понять, что мне нужно сделать, чтобы реализовать фото в маске.

body {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../src/assets/coolhd.jpg");
  color: azure;
}


.city-box {
  display: flex;
  position: fixed;
  margin-top: 350px;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  align-content: stretch;
  
}

.city {
  font-size: 10.8vw;
}