<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%;
}