style.css

body{
    background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.meme-div{
    margin: auto;
    width: 50%;
    height: 50%;
}
.meme-title{
    font-weight: bold;
    font-size: 1.2em;
}
.meme-title, .meme-footer{
    padding: 1em;
    color: #fff;
    text-align: center;
}
.meme-footer{
    margin-top: 5em;
}
.meme-img{
    min-width: 50vw;
    min-height: 100vh; 
    position: static;
    background: url("https://i.imgflip.com/30b1gx.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50vw 50vh;
}
.form-part{
    display: flex;
    align-items: center;
}
label{
    color: #fff;
    margin: .5em;
}
input{
    width: 50%;
    height: 10%;
}
input[type="button"]{
    margin-left: .5em;
}
span{
    color: #000;
    font-size: 1.5em;
}
.meme-img p{
    max-width: 25%;
    word-break: normal;
    position: absolute;
    text-align: center;
    margin: auto;
    font-size: 2em;
}
#img-top-text{
    /* margin-top: -75px; */
    /* margin-bottom: 0; */
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#img-top-textCloned{
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#img-bottom-text{
    /* margin-top: -75px; */
    /* margin-bottom: 0; */
    top: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#img-bottom-textCloned{
    /* margin-top: -75px; */
    /* margin-bottom: 0; */
    top: 80%;
    left: 50%;
    transform: translate(-50%,-50%);
}