Having problems with content placement.

Hi, I'm using the Therapy demo and I'm having some trouble with the About Us section. My client has a lot of text for that section and that makes the image on the right very elongated. I solved that (I thought) by editing the therapy.css file and the div class to use 50% of the box shadow and image height. Like so:

.box-img::before {
	content: "";
	position: absolute;
	right: -5px;
	top: -5px;
	width: calc(100% - 30px);
	height: calc(50% - 30px);
	z-index: -1;
	background-color: rgba(var(--themecolorrgba, 241,199,122), 0.1);
	border: 1px solid rgba(var(--themecolorrgba, 241,199,122), var(--border-opacity, .15));
	border-radius: 0.25rem;

``

Strangely enough, when I uploaded the css file, it changed back to the original 100%. I edited again in cPanel but when looking at the site live, it's still the full height. I'm not sure what's going on with that. It looks fine in the preview from Brackets.

The other problem is that I want to move the last sub-section up under the image (as illustrated in the screenshot). I've tried many different things but nothing works.

Thanks in advance for your help.