.number{
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    text-align: center;
}

.image{
    width: 100%;
    max-width: 700px;
    height: auto;
}

h2.heading{
    font-size: 50px;
    line-height: 58px;
    color: var(--light-blue);
animation: error 0.005s infinite alternate linear;
transform: translateX(-2px);
}

@keyframes error {
    0%{
        transform: translateX(-2px);
    }
    100%{
        transform: scale(1) translateX(2px);
    }
}

h3.heading{
    font-size:24px;
    line-height: 32px;
}


/* responsive  */

/* mobile  */
@media screen and (max-width:767px) {
    h2.heading{
    font-size: 30px;
    line-height: 38px;
}

.number{
    gap: 16px;
}

h3.heading{
    font-size:20px;
    line-height:28px;
}

}