.image-container {
    position: relative;
    text-align: center;
    z-index: -1;
    /* Esto coloca la imagen detrás del card */
}

.image-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: auto;
}

/* Media query para pantallas aún más pequeñas (por ejemplo, teléfonos móviles) */
@media (max-width: 480px) {
    .derecha {
        width: 100%;
    }
}

.swal-button {
    background-color: #0E773F !important;
    color: #FFFFFF !important;
    /* Puedes agregar más estilos según tus preferencias */
}

body {
    -webkit-user-select: none;
    /* Safari/Chrome */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* General */
}