Lo que quiero lograr es este efecto, ósea tengo un div a la derecha con un texto , y una imagen a la izquierda pero la imagen se tendría que superponer o no se si seria la palabra, verse por detrás y a su vez el div de la derecha seria transparente, pero no lo puedo lograr ni aun hacer responsivo, se me ocurrió hacerlo con col-6 pero ya no se como hacer para que la imagen se pase mas a la izquierda
Se me ocurrio tambien algo asi:
<div class="row background-image">
<div class="text">
<h3> texto</h3>
</div>
</div>
En el css
.background-image{
background-size: cover;
width: 50%;
background-position-x: left;
background-repeat: no-repeat;
background-image: url('url');
}
.text{
background: #222222ad 0% 0% no-repeat padding-box;
height: 100%;
margin-left: 40%;
}
Pero igual no puedo hacerl que se haga responsivo.