.heroes {
background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(img/hero-back-1.jpg);
background-size: cover;
background-position: center;
height: 100vh;
position: relative;
}
.hero-name {
font-size: 300%;
}
.hero-name-2{
font-size: 200%;
}
.gerald {
display: block;
width: 40%;
bottom: 100%;
position: absolute;
}