Text Shadow

I’d like to add a text-shadow to the white text on both the home page and category pages.
Can you provide some cross platform/cross browser css to apply this?

It should apply to the title text on the full-width header of the following pages:
https://cubanarts.xyz/
https://cubanarts.xyz/category/visual-arts/

I tried the following but it only works in Chrome.
Thanks.

/*! CATEGORY ARTICLE TITLE DROP SHADOW */
.td-full-layout .td-category-grid-fl .td_block_big_grid_fl_1 .td-big-grid-post .entry-title,
.td-full-layout .td-stretch-content .td_block_big_grid_fl_1 .td-big-grid-post .entry-title {
font-size: 32px;
line-height: 38px;
text-shadow: 1px 1px #000;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
-webkit-text-shadow: 1px 1px 1px #000; /* for chrome */
-text-shadow:1px 1px 1px #000; /* for all browser*/
-moz-text-shadow:1px 1px 1px #000; /* for firefox */
-o-text-shadow:1px 1px 1px #000; /* for opera */
-ms-text-shadow:1px 1px 1px #000; /* for ie 9+ */
-khtml-text-shadow:1px 1px 1px #000; /* for gecko based browser*/
-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.9));
-ms-filter: “progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color=’#000′)”;
filter: “progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color=’#000′)”;
}