.spline-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 800%;
    max-width: 1000px; /* Ajusta el máximo si es necesario */
    height: 600px; /* Fijar una altura para escritorio */
    margin: auto;
}

.spline-container spline-viewer {
    width: 200%;
    height: 200%;
}

/* Ajustes para móviles */
@media (max-width: 1024px) {
    .spline-container {
        max-width: 800px;
        height: 600px;
    }
}

@media (max-width: 768px) {
    .spline-container {
        max-width: 100%;
        height: 600px;
    }
}

@media (max-width: 480px) {
    .spline-container {
        max-width: 100%;
        height: 600px;
    }
}


/* Añade aquí tu código CSS.

Por ejemplo:
.ejemplo {
    color: red;
}

Para mejorar tu conocimiento sobre CSS, echa un vistazo a https://www.w3schools.com/css/css_syntax.asp

Fin del comentario */