How to align st.plotly_chart and html component?

Hi, I am building a website regarding the Covid-19, but have an issue about the alignment with text and plotly chart. As the picture shows, the text would be covered by the plotly chart. How could I align the text and chart properly? Or I should try to manipulate the plotly chart?

Here is the HTML components code:

components.html(
"""
<div class="container">
  <h1> COVID-19 </h1>
</div>

<style>
  h1 {
    padding: 0 0 20px 70px; 
    font-size: 100px;
  }
</style>
"""
)

For plotting the map.

import streamlit as st
st.plotly_chart(choropleth_map)

Hi, I’ve figured out another way to customize the streamlit.title instead of using the HTML component.

streamlit.title("COVID-19")

title_alignment=
"""
<style>
#covid-19 {
  /* position, font-size and other properties */
}
</style>
"""
st.markdown(title_alignment, unsafe_allow_html=True)