.box-1 {

    height: calc(100vh - 55.6px);

    min-height: 400px;

    background-color: #f5d358;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}



.box-1 img{

    margin-bottom: 2rem; 

    max-height: 50%;

    max-width: 50%;

    object-fit: cover;

    image-rendering: optimize-speed;

}



.box-1 p{

    max-width: 90%;

    color: #be000f;

    font-weight: bold;

    font-size: 1.5rem!important;

    text-align: center;

}



@media screen and (max-width: 992px) {

    .box-1 img{

        max-width: 60%;

    }

}



@media screen and (max-width: 630px) {

    .box-1 img{

        max-width: 70%;

    }

}