Tengo algunos problemas con el estilo personalizado en react-bootstrap. Más específicamente, tengo algunos problemas para diseñar el componente. Estoy tratando de centrar el contenido de las Tarjetas verticalmente.

Creé un custom.scss y lo vinculé correctamente de acuerdo con la página de introducción de react-bootstrap. El estilo personalizado se carga en mi página HTML... pero está anulado por el estilo anulado _transition.scss aquí

También intenté crear un objeto "cardStyle" en el archivo del componente y luego vincular el estilo al componente con style = "cardStyle" . Esto parece funcionar bien... pero algunos estilos aún se anulan.

También intenté asignarle a la tarjeta un nombre de clase y luego estilizar ese nombre de clase... se anula.

 .card{ background-color: aqua; } .customCard{ background-color: aqua; } @import "~bootstrap/scss/bootstrap";

Lo único que pude hacer que funcionara fue agregar !importante a los estilos en custom.scss Siento que esto es incorrecto y descuidado. ¿Alguien puede explicarme qué estoy haciendo mal?