c++ – Making an animated text’s background transparent

Ok, so:
I’m building a website. Since i’ve been using this C++ programming language since like, not more than 3-4 months ago, i need experience. And I dont know how to make this possible, what happens is this:

I have an animated text whose background is a drawing I made.
I want the background to be intact by this embed on top of it.
And (whole) the code is this:

`

body {
background-image: url(‘https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/3fa27849-0dc3-40aa-9259-e6bef6b5a1f2/del54v0-6257d715-eb1c-4e26-9a40-16828366bbb7.png/v1/fill/w_960,h_720,q_80,strp/lion_by_isaac7500_del54v0-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzIwIiwicGF0aCI6IlwvZlwvM2ZhMjc4NDktMGRjMy00MGFhLTkyNTktZTZiZWY2YjVhMWYyXC9kZWw1NHYwLTYyNTdkNzE1LWViMWMtNGUyNi05YTQwLTE2ODI4MzY2YmJiNy5wbmciLCJ3aWR0aCI6Ijw9OTYwIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.Th9GxX7iDyzFwYpoe8UzBQel6wI65SvJyh5b7Pflyhw’);
background-size: cover;
background-position: center;
text-align: center;
color: black;
padding-top:10em;
}

* { color:#fff; text-decoration: none;}

var TxtType = function(el, toRotate, period) {

this.toRotate = toRotate;

this.el = el;

this.loopNum = 0;

this.period = parseInt(period, 10) || 2000;

this.txt = ”;

this.tick();

this.isDeleting = false;

};

TxtType.prototype.tick = function() {

var i = this.loopNum % this.toRotate.length;

var fullTxt = this.toRotate(i);

if (this.isDeleting) {

this.txt = fullTxt.substring(0, this.txt.length – 1);

} else {

this.txt = fullTxt.substring(0, this.txt.length + 1);

}

this.el.innerHTML = ”+this.txt+”;

var that = this;

var delta = 200 – Math.random() * 100;

if (this.isDeleting) { delta /= 2; }

if (!this.isDeleting && this.txt === fullTxt) {

delta = this.period;

this.isDeleting = true;

} else if (this.isDeleting && this.txt === ”) {

this.isDeleting = false;

this.loopNum++;

delta = 500;

}

setTimeout(function() {

that.tick();

}, delta);

};

window.onload = function() {

var elements = document.getElementsByClassName(‘typewrite’);

for (var i=0; i .wrap { border-right: 0.08em solid #fff}”;

document.body.appendChild(css);

};

`