Мне нужно, чтобы фон для блока с классом bg1
покручивался медленней чем контент в этом блоке. Можете подсказать как это сделать. Видел такие эффекты на других сайтах получается очень красиво, решил сам попробовать, так сделать, но не пойму, как это реализовать.
.Skills
&-uppertext
margin-top: 100px
margin-bottom: 100px
text-align: center
span:first-child
font-family: "CircleRegular"
font-size: 45px
color: #272727
margin-right: 5px
span:last-child
font-family: "CircleBold"
font-size: 45px
color: #272727
.Items
display: flex
flex-direction: column
margin: 10px
.Items-main
background-color: #fff
border-radius: 10px
box-shadow: 0px 15px 20.8px 0.2px rgba(0, 0, 0, 0.08)
.Items-header
font-family: "CircleBold"
font-size: 18px
color: #272727
text-align: center
.Items-text
font-family: "CircleRegular"
font-size: 16px
color: #272727
text-align: center
margin-bottom: 90px
.Items-img-span
text-align: center
padding-bottom: 40px
margin-top: 40px
.Items-main-bgc
background-image: linear-gradient(266deg, #00b1e7, #00e3ac)
border-radius: 10px
box-shadow: 0px 15px 20.8px 0.2px rgba(0, 0, 0, 0.08)
.SecondSkills
margin-bottom: 120px
.bg1
background-image: url(../img/bg1.png)
background-size: cover
background-repeat: no-repeat
margin-bottom: 90px
<div class="row bg1 justify-content-center">
<div class="col-12">
<p class="Skills-uppertext">
<span>WHY</span>
<span>WE</span>
</p>
</div>
<div class="col-lg-3 col-md-7 col-sm-9 col-10">
<div class="Items-main">
<div class="Items">
<span class="Items-img-span">
<img class="Items-img" src="./img/-----28.png" alt="">
</span>
<p class="Items-header">Just BTC and PayPal</p>
<p class="Items-text">We are providing safe and secure online BTC converter to most popular direction - PayPal </p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-7 col-sm-9 col-10">
<div class="Items-main-bgc">
<div class="Items">
<span class="Items-img-span">
<img class="Items-img" src="./img/-----29.png" alt="">
</span>
<p class="Items-header">Safe & Secure & Trusted
</p>
<p class="Items-text">Anybody can be sure that they have place where they can exchange BTC to PyaPal absolutely riskfree.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-7 col-sm-9 col-10">
<div class="Items-main">
<div class="Items">
<span class="Items-img-span">
<img class="Items-img" src="./img/-----30.png" alt="">
</span>
<p class="Items-header">Feel it like in 5 star hotel
</p>
<p class="Items-text">Feel it like in president apartments. It's comfortable to use our service, we have fast support and everything is smooth.</p>
</div>
</div>
</div>
<div class="w-100"></div>
<div class="col-lg-3 col-md-7 col-sm-9 col-10">
<div class="Items-main">
<div class="Items">
<span class="Items-img-span">
<img class="Items-img" src="./img/-----28.png" alt="">
</span>
<p class="Items-header">Just BTC and PayPal</p>
<p class="Items-text">We are providing safe and secure online BTC converter to most popular direction - PayPal </p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-7 col-sm-9 col-10">
<div class="Items-main">
<div class="Items">
<span class="Items-img-span">
<img class="Items-img" src="./img/-----28.png" alt="">
</span>
<p class="Items-header">Just BTC and PayPal</p>
<p class="Items-text">We are providing safe and secure online BTC converter to most popular direction - PayPal </p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-7 col-sm-9 col-10">
<div class="Items-main">
<div class="Items">
<span class="Items-img-span">
<img class="Items-img" src="./img/-----28.png" alt="">
</span>
<p class="Items-header">Just BTC and PayPal</p>
<p class="Items-text">We are providing safe and secure online BTC converter to most popular direction - PayPal </p>
</div>
</div>
</div>
</div>