@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

body{
    max-width: 88%;
    margin: 20px auto;
    padding: 0;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    animation: fadeIn 3s ease-in-out;
}
div {
    display: flex;
    justify-content: center;
    
}
img {
    width: 100%;
    max-width: 1800px;
    animation: fadeInScale 4.5s ease-out;
    /*transition: transform 1.2s;*/
}
img:hover{
    /*transform: scale(0.9);*/
}
footer {
    height: auto;
    max-width: 66%;
    padding: 24px;
    border-radius: 24px;
    text-align: center;
    vertical-align: auto;
    margin: 0px auto;
    background-color: black;
    color: lightgray;
    transition: transform 3.0s;
}
footer:hover{
    transform: scale(1.2);
}

footer h3 {
    margin: 0px;
    color: white;
}
.phone-number {
    visibility: hidden;
    opacity: 0;
    transition: opacity 2s ease, visibility 2s 1s; 
}
footer:hover .phone-number {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.9s ease;
}
.phone-container {
    display: block;
    position: relative;
    color: gray;
}