<div class="box"></div>

body {
  padding: 0;
  margin: 0;
  min-height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  background-color: #373737;
  box-sizing: border-box;
  padding: 20px;
}

.box {
  background: #8cffa0 url(https://images.unsplash.com/photo-1506610654-064fbba4780c?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MzEwOTcwMDV8&ixlib=rb-4.0.3&q=85);
  background-size: cover;
  background-position: center center;
  width: 100%;
  aspect-ratio: 810 / 300;
  
  mask-image: url(https://habrastorage.org/webt/gc/2b/qw/gc2bqw3jchsonpvc2cq9hipp3tw.png);
  mask-repeat:no-repeat;
  mask-size: 100%;
}