The lines are expanding inconsistently on the page

Hello Webflowers,

Can someone please help me with understanding the issue with the lines’ thickness changing constantly as we change the aspect ratios of the page? I am trying to make them look similar but there is a lack of consistency in the thickness of each line in different versions (desktop, tablet, mobile, etc).

Is there a way that the lines’ thickness remains the same throughout? If so, how?

Thanks in advance :slight_smile:

Here is my public share link:
https://preview.webflow.com/preview/future-of-learning?utm_medium=preview_link&utm_source=designer&utm_content=future-of-learning&preview=fb68877439a50d16df2a9b1e950932e1&workflow=preview