I have a document i am working on for a competition and the html is locked and i cannot edit it.
I need to modify part of the class not the whole thing. PLEASE HELP!!!!!

<div class="creature-section">
   <h3 class="main">Australian Legends</h3>
   <p class="main">How many Australian mystical creatures do you know?</p>

   <div class="creature">
      <img class="creature" src="Moolyewonk.jpg" alt="Moolyewonk">
      <p class="name">Moolyewonk</p>
      <p class="description">.........</p>
      <a class="learn-more" href="#">Learn More</a>
   </div>
   <div class="creature">
      <img class="creature" src="Yara-ma-yha-who.jpg" alt="Yara-ma-yha-who">
      <p class="name">Yara-ma-yha-who</p>
      <p class="description">.........</p>
      <a class="learn-more" href="#">Learn More</a>
   </div>

   <div class="creature">
      <img class="creature" src="yowie.jpg" alt="Yowie">
      <p class="name">Yowie</p>
      <p class="description">...........</p>
      <a class="learn-more" href="#">Learn More</a>
   </div>

I am putting the class “creature-section” in a display: flex; but i don want the “main” class to be included in the flex property. I can’t modify the html to change the class. How do i do it????

I tried to just make the “creature” class flex and it will not do any display property i give it.