[Résolu] Onglet Bootstrap 4

Bonjour,

Je ne parviens pas a appliquer un style particulier sur l'image d'un onglet en surbrillance dans Bootstrap 4.

<li class="nav-item-tabs">
<a id="profile-tab" data-toggle="tab" href="#rain" role="tab" aria-controls="profile" aria-selected="true" class="active">
<img alt="" src="image.jpg" class="img-fluid"></a>
</li>

J'ai tenté sans succès:

.nav-item-tabs #profile-tab.active img {opacity:.5} 
.nav-item-tabs .active img {opacity:.5}
#profile-tab .active img {opacity:.5}

.active img {opacity:.5} tout simplement, je ne comprends toujours pas pourquoi le #profile-tab n'est pas pris en compte, mais cela n'a guère d'importance.