Как такое сверстать, затемненный фон с прозрачной областью?
Я делал через маску SVG, погуглите "mask svg transparent"
Есть готовые решения, библиотеки для обучения работы с сайтом. Именно так и работают, как на вашей картинке.