React-Spring no está animando.

Entonces, estoy tratando de animar un contenedor con una imagen de fondo y algo de texto. He configurado una duración y una opacidad de 0 a una opacidad de 1, pero el componente se carga normalmente. Tengo el componente como parte de una ruta privada. Es la página que se muestra después de iniciar sesión.

“`
{(props) => (

  <div style="{props}">
     <div style="{{" backgroundimage:="" `url(${cancer})`}}="" classname="container-img"> 
      <h2> ¿Qué es el cáncer?</h2>

      <p classname="paragraph">
        La visión dogmática del cáncer ha existido desde hace mucho tiempo.
        Esta visión se llama Teoría de Mutaciones Somáticas. Se cree que esta teoría
        indica que el cáncer surge a partir del daño en el ADN de las células que
        provoca un crecimiento fuera de control.
      </p>
      <p classname="paragraph">
        Nuevas evidencias muestran que el cáncer es causado por el daño en las
        mitocondrias, lo cual hace que las células recurran a vías antiguas de fermentación.
        Las células cancerosas fermentan glucosa y/o glutamina para obtener energía o ATP.
      </p>

      <p classname="paragraph">
        Si el cáncer es una enfermedad genética, entonces ¿por qué, cuando realizaron
        un experimento científico en la década de 1960 en el que tomaron las mitocondrias
        de una célula cancerosa y las colocaron en una célula normal, la célula se volvió cancerosa?
        A esta teoría se le llama Teoría Metabólica del Cáncer.
      </p>
    </div>
   </div> 
)}

;
;

};