Bonjour à tous

j'ai géré une webpart hello world sans react

je voulais intégrer ce slider dans cette web part : https://codepen.io/suez/pen/ByvKXE

- j'ai copié le scss depuis codepen dans le fichier .scss de mon composant
- j'ai copié le code html depuis codepen dans la méthode render du composant (this.domElement.innerHTML = `CODE HTML`
- j'ai copié le code jquery depuis codepen dans la méthode render (juste après cette ligne : this.domElement.innerHTML = `CODE HTML`

le problème est que quand je lance gulp serve pour afficher le composant, bein le composant est créé mais vide à première vue, je m'explique:
le code html de mon compostant est bien généré dans le code source de la page, mais son css n'est pas pris en compte ou du moins écrasé par le css du tenant.
car quand je spécifie la hauteur et largeur du slider en dur dans le navigateur => je vois le slider mais il répond pas aux événements jquery (changement de slide ) il reste statique

auriez-vous une idée du problème ??
merci d'avance