body {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('/assets/bg.jpg') repeat;
    background-size: 200px 200px;
    min-height: 100vh;
    font-family: 'Poppins', Gill Sans, Gill Sans MT, Calibri, sans-serif;

}

img {
    width: 100%;
    height: auto;
}

.wrapper {
    position: relative;
}

.card {
    max-width: 602px;
}

.contact-email {
    position: absolute;
    color: #8b8587;
    text-decoration: none;
    left: 37%;
    top: 43%;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


.wrapper:hover .contact-email, .wrapper:active .contact-email, .wrapper:focus .contact-email {
    opacity: 1;
}

@media (min-width: 500px) {
    .contact-email {
        font-size: 18px;
        left: 40%;
    }
}