How to apply Media Queries to Cards with Images - html

Question

been trying to media query my cards + image, for a while now without success, if anyone can guide me through I'll appreciate it a lot thanks.
Testing it on my phone samsung s9+ vertically.
https://codepen.io/picklemyrickle/pen/XWjzyvb
#media (max-width: 600px) {
#prices {
width: 100%;
}
.listdrop {
width: 100%;
max-width: 100%;
}
.casual {
width: 100%;
}
}
#media (max-width: 600px) {
img {
max-width: 100%;
height: auto;
}
}
#prices {
display: flex;
justify-content: center;
align-items: center;
padding: 100px;
margin: 10px;
}
.listdrop {
margin: 0;
padding: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
border: 1px solid;
list-style-type: none;
width: 10vw;
}
<img src="https://lh3.googleusercontent.com/JH3M2ZropJUZvOoL6IgHOrnZUz3cIEw5taJuPA2N_wyEHmr2hSBOOZHjGX05Q9wJ7DBXaQ8ABvG2rInPk7seHBVf8voG5ePyFXWY-7ciIcrpw_v7w23j6HV856fsSTKuwMpYDg1YDQ=w2400" alt="Gym logo" id="header-img">
<section id="prices">
<!-- <div class="beginner"> -->
<ul class="listdrop">
<li class="card-head">Beginner</li>
<li>Get Big</li>
<li>Get Strong</li>
<li>Feel good</li>
<li class="pay">100$</li>
<li type="button" class="butn" a href="#">Buy</a>
</button>
</li>
</ul>
<!-- </div> -->
<div class="casual">
<ul class="listdrop">
<li class="card-head">Casual</li>
<li>Get Big</li>
<li>Get Strong</li>
<li>Feel good</li>
<li class="pay">200$</li>
<li type="button" class="butn" a href="#">Buy</a>
</button>
</li>
</ul>
</div>
<!-- <div class="intermidate"> -->
<ul class="listdrop">
<li class="card-head">Intermidate</li>
<li>Get Big</li>
<li>Get Strong</li>
<li>Feel good</li>
<li class="pay">300$</li>
<li class="butn" type="button" a href="#">Buy</a>
</button>
</li>
</ul>
<!-- </div> -->
</section>
I tried changing the html, played with the CSS, without success on my own. other elements seem wide enough and works fine besides the card, I tried adding a div element as well after the section but it seems to screw my cards. With IMG I seem to be more lost, horizontally I can see the icon just much smaller, but vertically nothing, I guess because the screen isn't as wide vertically as horizontally but I'm not sure what is the solution for that.