body {
    background: url(images/background.png) no-repeat center center fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
}


.card {
    width: 240px;
    height: 336px;

}
.card-body {
    width: 240px;
    height: 336px;
}

.character {
    font-size: 70px;
    font-family: "Leto", sans-serif;
}

#topLeft {
    position: absolute;
    top: 0px;
    left: 25px;
}

#bottomRight {
    position: absolute;
    bottom: 0px;
    right: 25px;
    transform: rotate(180deg);
}

#initialImage {
    width: 100%;
    height: 100%;
}

@media (max-width: 576px) {
    .character {
        font-size: 40px;
    }
}