.banner-texto{
    width: 100%;
    background-color: rgba(241, 250, 182, 0.35);
}

.banner-texto-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
   
}

.banner-texto-info{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid: 1rem;
}

.banner-texto-info p{
    color: #180270;
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 1.8rem;
}

.banner-texto-container img{
    flex: 1;
    width: 100%;
    max-width: 420px;
}

@media screen and (min-width: 768px){
    .banner-texto-container{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 2rem;
       
    }
}