body { overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { position: relative; } .arrow-icon:before, .arrow-icon:before, .arrow-icon:before, .arrow-icon:before, .arrow-icon:before { content: url('/wp-content/themes/bricks-child/img/arrow-icon.svg'); width: var(--text-s); display: inline-block; position: relative; top: 0; left: calc(var(--text-s) * -1); color: red; } .top-angle { position: relative; } .top-angle:before { content: url(/wp-content/themes/bricks-child/img/top-angle.svg); width: 110vw; position: absolute; bottom: -8px; right: -5vw; z-index: 1; display: block; } .bottom-angle { position: relative; } .bottom-angle:before { content: url(/wp-content/themes/bricks-child/img/bottom-angle.svg); width: 110vw; position: absolute; top: 0; right: -5vw; z-index: -1; display: block; }  @media screen and (max-width: 1280px) { .top-angle:before, .bottom-angle:before { width: 120vw; right: -20vw; } } @media screen and (max-width: 767px) { .bottom-angle:before, .top-angle:before { display: none; } .top-angle:before { width: 100vw; right: 0; } }