Explicación del Efecto de Escalado SVG al Hacer Scroll

El efecto de escalado del SVG al hacer scroll y la aparición de una sección de texto se logra utilizando HTML, CSS y JavaScript.
A continuación, se detallan los pasos realizados para crear este efecto:

Estructura HTML

Se define un contenedor para el logo SVG de Apple y otra sección para los textos.
El contenedor del SVG se posiciona en el centro de la pantalla, mientras que la sección de texto se coloca justo debajo del contenedor del SVG, inicialmente oculta.

Estilos CSS

CSS se utiliza para centrar el logo SVG y aplicar una transición suave al escalado.
La sección de texto está inicialmente oculta mediante una transformación que la desplaza hacia abajo y una opacidad de 0. Cuando se agrega la clase 'visible', la sección de texto se desliza hacia arriba y se hace visible.

JavaScript