Hi. How do I change the parallax section:
- background size and make height smaller
- title change text color and location
- location of counter, middle of section
<div class="content-wrap py-0">
<div id="portfolio" class="portfolio portfolio-parallax row grid-container desc-lg" style="background-image: url('images/bg-40.jpg');" data-bottom-top="background-position:0px 300px;" data-top-bottom="background-position:0px -300px;">
<article class="portfolio-item col-12 pf-media pf-icons">
<div class="grid-inner">
<div class="fancy-title title-center title-border">
<h2>Subscription Benefits</h2>
</div>
<div class="portfolio-image" ></div>
<div class="row col-mb-50">
<div class="col-sm-6 col-lg-3 text-center">
<i class="i-plain i-xlarge mx-auto mb-0 icon-diamond"></i>
<div class="counter counter-large" style="color: #1abc9c;"><span data-from="100" data-to="8465" data-refresh-interval="50" data-speed="2000"></span></div>
<h5></h5>
</div>
<div class="col-sm-6 col-lg-3 text-center">
<i class="i-plain i-xlarge mx-auto mb-0 icon-globe"></i>
<div class="counter counter-large" style="color: #e74c3c;"><span data-from="100" data-to="56841" data-refresh-interval="50" data-speed="2500"></span></div>
<h5>Lines of Code</h5>
</div>
<div class="col-sm-6 col-lg-3 text-center">
<i class="i-plain i-xlarge mx-auto mb-0 icon-gift"></i>
<div class="counter counter-large" style="color: #3498db;"><span data-from="100" data-to="2154" data-refresh-interval="50" data-speed="3500"></span></div>
<h5>No. of Projects</h5>
</div>
<div class="col-sm-6 col-lg-3 text-center">
<i class="i-plain i-xlarge mx-auto mb-0 icon-fire"></i>
<div class="counter counter-large" style="color: #9b59b6;"><span data-from="100" data-to="874" data-refresh-interval="30" data-speed="2700"></span></div>
<h5>Cups of Coffee</h5>
</div>
</div>
<!-- Overlay: Start -->
<div class="bg-overlay">
<div class="bg-overlay-content dark flex-column" data-hover-animate="fadeIn">
<!-- Decription: Start -->
<div class="portfolio-desc pt-0 center" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350">
<h3>Subscribe Today</h3>
</div>
<!-- Description: Start -->
<div class="d-flex">
</div>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
<!-- Overlay: End -->
</div>
</article>
</div>
</div>