Increase padding for image with text component, mobile view, dawn theme

[Verterra]

Hello! Does anyone know how to increase the bottom padding between each section of the image with text for mobile view? I am using dawn theme. 

My store URL is: https://verterra.sg/password, password is VerterraTest123

I was recommended to use this code previously, but hoping not to use it this time because it increases the space for all pages, instead of just this section: 

.section + .section {
margin-top: 0 !important;
}

Any other solutions would be welcome. Thanks!

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
@media screen and (max-width: 749px) {
 .image-with-text{
   margin-bottom: 20px;
 }
}
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[Perennial]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2 open component-image-with-text.css file

Paste the Code Bottom of file

.image-with-text__text-item.grid__item {
padding-bottom: 20px !important;
}

If you face any issue let me know

Thanks

[Rahul_dhiman · Accepted solution]

Go to online store ---------> themes --------------> actions ------> edit code------->base.css -----> line number 6749
search this code

.rte > *:last-child {
margin-bottom: 0px;
}

and replace with this code

.rte > *:last-child {
margin-bottom: 15px !important;
}

 and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

[Verterra]

Thank you!

[Rahul_dhiman]

Always there to help you.
Thanks