could someone please help me position this animated text to the bottom left corner of my div? If I need to change the way I implement the animated text I am all ears. I got the example I'm using from another Stack Overflow thread. I'm using Wordpress & Elementor.

The link to my website is:
<http://stalone.flywheelsites.com/>

The current code I am using is the following:

```css
.lyrics-container {
    margin: 75% 0% 0% 0%;
}
.lyrics{
  position: absolute;
  font-size: 72px;
  font-weight: bold;
  line-height: 87%;
}
.lyrics:nth-child(1){
  animation-name: fade;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: 5s;
  animation-direction: alternate-reverse;  
}

.lyrics:nth-child(2){
  animation-name: fade;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: 5s;
  animation-direction: alternate;
}

@keyframes fade{
    0%,50% {
      opacity: 0;
}
    100%{
      opacity: 1;
  }
}
```

```html
  <div class="logo">Logo</div>
  <div class="lyrics-container">
  <p class="lyrics">I'm trying,<br>not to swim<br>into the deep,</p>
  <p class="lyrics">I will never<br>love again.</p>
  </div>
```

***Note: I did a quick margin hack for demonstration purposes, I know this isn't feasible and that is why I am here looking for help.***

Thanks in advance!