Trouble Applying CSS Media Query in Email Template

I’m facing an issue while trying to add a CSS media query to my email template in my_app. I’ve written the template, but for some reason, the media query CSS is not being applied

The following works for me

<style type="text/css">
@media screen and (max-width:600px) {
color: red !important;

@Yamen_Zakhour Thanks, I’ve attempted this approach, but unfortunately, it’s not functioning as expected

I am testing using the Notification doctype, im not sure regarding your custom app.