Vertical text on Background

Hello,
first of all, I want te repeat, that I really love your theme and I’m learning a lot.
Now I´m updating my fotopage and I want to add a vertical text at the left and right side to the boxed background.
I guess I have to add some text to the left and right frame.
Now I’m not very sure where I have to start. I’m learning and I love it, but now I´m stuck.
Its posible to add something like this to the header

<div class=”av frame av-frame-left”>
<span class=”av-frame-left-text”>
Julia
</span>
</div>
<div class=”av frame av-frame-right”>
<span class=”av-frame-right-text”>
sven
</span>
</div>
and modify the child css?

.av-framed-box .av-frame.av-frame-hor .side-panel-text {
padding-left: 50px;
display: block;
position: absolute;
top: 10%;
left:10%;
text-align: left;
text-transform: uppercase;
font-size: 1.3rem;
letter-spacing: .24em;
font-weight: bold;
-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-120deg);
transform: translateX(-50%) translateY(-50%) rotate(-90deg);
padding-bottom: .2rem;
}

.side-panel-text {position: relative;}
.side-panel {position: fixed; top: 0; z-index: 210;}
.av-frame-left {left: 0;}
.av-frame-right {right: 0;}

Its plenty of errors, I’m just trying.
I know this is not your job, but I hope you can give me some advice.

Or is there a easy way to add a vertical text to left and right?

Thanks a lot and sorry for bothering you.