Solucionado
Adicionei o box-shadown: inset para criar uma sombra dentro da imagem mas ela não está indo. Obs: funciona normalmente sem o "inset"
.bg__img{ width: 100vw; position: absolute; background-size: cover; box-shadow: inset 0 0 100px rgba(236, 2, 2, 0.8); }
Essa é a parte do código, caso queiram analisar melhor: https://github.com/Iagoxl/clone-netflix
Oi Iago!
Primeiramente, até onde eu conheço, não é possível colocar uma sombra "inset" em uma imagem. Para isso você terá que colocar ela dentro de uma DIV, e então colocar a sobra na DIV. Em seguida você terá que enviar a imagem para atrás da div, para que assim a sombra possa aparecer:
<div style="box-shadow: inset 0 0 100px rgba(236, 2, 2, 0.8);position: relative;">
<img class="bg__img" src="img/background.png" alt="background">
</div>width: 100vw;
background-size: cover;
z-index: -1;
position: inherit;Desta forma, o conteúdo ainda terá que ser realocado, pois o "position: relative" alterou a forma de exibiç