Wycinanie kawałka diva

0

Witam,
Mam taką sytuację jak na obrazku. Ta niebieska kreska to taka "ramka" lewego diva, stworzona w CSS przez:

div:nth-child(1)::before{
    top: 19px;
    right: 0;
    width: 2.5px;
    content: '';
    height: 180px;
    position: absolute;
    border-radius: 20px;
    background: linear-gradient(to bottom, #ff4483, #c036c0);
}

Zielone pole to zdjęcie. Potrzebuję, aby ta niebieska linia była (lub sprawiała wrażenie) przezroczystej i pokazywała ten kawałek zdjęcia, który zasłania, jednoczeście, aby biały div pozostał biały. Czy da się coś takiego zrobić? Mam nadzieję, że w miarę zrozumiale napisałem.

1

Opacity?

1 użytkowników online, w tym zalogowanych: 0, gości: 1