.card{
    text-align: center;
    background-color: rgba(0, 128, 128, 0.572);
    padding: 35px 70px;
    width: fit-content;
    margin: 110px auto;
    height: 450px;
    border-radius: 10px;
    box-shadow: 4px 4px 20px black;
}

.card img{
    height: 250px;
    width: auto;
    border-radius: 50%;
    border: solid 2px rgb(88, 186, 186);
}

.card p{
    font-size: 1.3rem;
    font-weight: 700;
    color: whitesmoke;
    text-shadow: 3px 3px 5px black;
}

@media screen and (max-width: 480px) {
    .card{
        padding: 15px 30px;
        height: 340px;
    }

    .card img{
        height: 150px;
        width: auto;
    }

    .card p{
        font-size: 1rem;
        font-weight: 700;
    }
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
    .card{
        padding: 35px 60px;
        height: 400px;
    }

    .card img{
        height: 200px;
        width: auto;
    }

    .card p{
        font-size: 1.4rem;
        font-weight: 700;
    }
}