PC에서 디자인 시안과 동일하게 구현하려면, 스크롤바 너비를 제외하는 css variable도 식에 포함해야 되지 않을까 싶습니다. vw 단위는 스크롤바 너비까지 포함한 너비 기준으로 한다고 알고 있어요.

통 이미지처럼 주변 요소의 여백까지 동일한 비율로 증감해야 될 경우, 아래 사이트의 폰트 설정 방식도 참고하면 좋을듯 하네요. 갤럭시 폴드(320px)이나 고해상도 모니터의 경우 브레이크 포인트로 적절하게 제한 걸어도 괜찮을듯 합니다.
https://amerimnos.github.io/coding-playground/reponsive-css-trick-vw/