Oblique responsive line between 2 divs

I would like to draw two oblique lines that would join two corners of two different divs. I need these lines to be responsive. My project currently uses angular but my problem, I think, can be solved with css. I also can’t use external libraries. enter image description here

I tried svg and I don’t know if I used it wrong but it was not responsive.

 <svg width="220" height="240" class="roadLink"><line x1="50" y1="60" x2="530" y2="220" stroke="black"/></svg>
        <div class="mb-2 d-flex">
            <div class=" d-flex justify-content-between roadSize topAnrpBlock">
            </div>
        </div>
        <svg width="140" height="100" class="roadLink"><line x1="50" y1="50" x2="500" y2="200" stroke="black"/></svg>