Faccio fatica a fare ricerche (nei motori di ricerca o nel forum), perché non so con quali parole chiave sia "definibile" questa situazione che ho descritto

Comunque, se l'informazione può essere utile, il pezzetto sfumato è di 20px di altezza x 15px di larghezza; se appoggiato a sx, si allinea perfettamente con il filetto di sfondo.
Avevo pensato infatti all'esempio 2 (blocco sovrapposto in trasparenza), ma come faccio a sovrapporre il blocco appoggiandolo al lato inferiore del contenitore, che ha altezza variabile? con position:absolute?

E, nel caso dell'esempio 1, il blocchetto andrebbe comunque posizionato in modo assoluto?