Videos look really small on mobile for some reason?

Hey all! 

I recently used a snippet of code to improve the look of vertical videos in my client's portfolio. But for some reason on  mobile, the videos appear super small (see screenshot attached.) Does anyone know how to correct this? Thank you in advance for taking a look!

WEBSITE: https://mylk-collective-2024.squarespace.com/ (password: MYLK)

Pages where this is happening (mobile only) - 

• https://mylk-collective-2024.squarespace.com/portfolio/yamas
• https://mylk-collective-2024.squarespace.com/portfolio/steamies
• https://mylk-collective-2024.squarespace.com/portfolio/tacodeli 

Code I added to the custom CSS of the site:

Change this line

.sqs-native-video .native-video-player {
    padding-top: 0 !important;
}
.video-player .plyr {
    position: relative !important;
}

to this

@media screen and (min-width:768px) {
.sqs-native-video .native-video-player {
    padding-top: 0 !important;
}
.video-player .plyr {
    position: relative !important;
}
}

Thank you @tuanphan - I did this but they still appear small on mobile for me. See screenshot attached. Any other possible solutions?

WOO! Yes, this worked. Thanks for coming in and saving the day @tuanphan. You are truly the best.

Are you able to repeat for other videos?