.banner-image {
    float: right;
    margin-left: 20px;
    max-width: 50%;
    border-radius: 10px; /* Ajusta el valor para definir el radio de las esquinas */
}

@media (max-width: 600px) {
    .banner-image {
        float: none;
        display: block;
        margin: 0 auto 20px;
        max-width: 100%;
        border-radius: 10px; /* Se mantienen las esquinas curveadas en pantallas pequeñas */
    }
}