Arrow Sizing + Code

My website is not live yet but I have two areas where I need help with code.

1. There are 3 sections (images attached) where I'm using templates and it's showing default arrows. I'd love to be able to resize these or change the shape completely. I followed so other threads here but none of the code offered works for me in the custom css section. Does anyone have any tips?

2. I have a piece of code I've used for a different website in the vercel app for scrolling text. The code is pasted below. I've tried to implement this on my new site but it's not changing anything - any advice? 

<div class="row about-stats stats block-1-4 block-m-1-2 block-mob-full aos-init aos-animate" data-aos="fade-up">

            <div class="col-block stats__col ">
                <div class="stats__count">500</div>
                <h5>E-RYT Yoga Teacher</h5>
            </div>
            <div class="col-block stats__col">
                <div class="stats__count">2505</div>
                <h5>Cups of Coffee</h5>
            </div>
            <div class="col-block stats__col">
                <div class="stats__count">111</div>
                <h5>Projects Completed</h5>
            </div>
            <div class="col-block stats__col">
                <div class="stats__count">10</div>
                <h5>Venue Openings</h5>
            </div>

        </div>

If you share site url, we can check easier