:root {
            /* Variables para ajustar posición y tamaño */
            --image-max-width: 95%; /* Tamaño máximo de la imagen como porcentaje del ancho de la pantalla */
            --image-margin-top: 10px; /* Margen superior */
            --image-margin-bottom: 25px; /* Margen inferior */
            --horizontal-adjustment: 3px; /* Ajuste horizontal: desplaza la imagen hacia los lados */
            --vertical-adjustment: 0px; /* Ajuste vertical: desplaza la imagen hacia arriba o abajo */
        }

        /* Contenedor para centrar la imagen */
        .image-container {
            display: flex; /* Activar flexbox */
            justify-content: center; /* Centrar horizontalmente */
            align-items: center; /* Centrar verticalmente */
            height: 100vh; /* Ocupa toda la altura de la pantalla */
            margin: 0;
            padding: 0;
        }

        .mobile-only {
            display: none; /* Ocultar por defecto */
            max-width: var(--image-max-width); /* Tamaño máximo controlado por la variable */
            height: auto; /* Mantener proporción */
            margin-top: var(--image-margin-top); /* Margen superior controlado por la variable */
            margin-bottom: var(--image-margin-bottom); /* Margen inferior controlado por la variable */
            transform: translate(var(--horizontal-adjustment), var(--vertical-adjustment)); /* Ajustes de posición */
            animation: float 3s ease-in-out infinite; /* Animación */
            transition: transform 0.3s ease; /* Transición para hover */
        }

        @media only screen and (max-width: 768px) {
            .mobile-only {
                display: block; /* Mostrar solo en pantallas móviles */
            }
        }

        /* Efecto de flotar */
        @keyframes float {
            0% {
                transform: translate(var(--horizontal-adjustment), var(--vertical-adjustment));
            }
            50% {
                transform: translate(var(--horizontal-adjustment), calc(var(--vertical-adjustment) - 10px)); /* Flotar hacia arriba */
            }
            100% {
                transform: translate(var(--horizontal-adjustment), var(--vertical-adjustment));
            }
        }

        /* Efecto hover para hacer zoom */
        .mobile-only:hover {
            transform: scale(1.1); /* Ampliar ligeramente al pasar el mouse */
        }