Remove :: hover эффект на мобильном телефоне при касании

Question

когда на мобильном телефоне, когда я нажимаю на свой эффект наведения элемента привязки, это активируется, это нормально для рабочего стола (как задумано), но я не хочу, чтобы эффекты применялись на мобильном устройстве, я пытался отключить их с помощью медиазапросов путем переназначения стилей и этап 4 медиа-запросов, но эффект все еще применяется на мобильном телефоне, как я могу отключить его? Желательно только с CSS.

.POSTcard3_maincontainer:hover .POSTcard3_image_texts_body_container{max-height:375px !important;}
.POSTcard3_maincontainer:hover .POSTcard3_image_gradient{background-color:rgba(0,0,0,0.6) !important;}
@media only screen and (max-width: 736px) 
{
.POSTcard3_image_container:hover .POSTcard3_image_texts_body_container{max-height:0px !important;}
.POSTcard3_maincontainer:hover .POSTcard3_image_gradient{background-color:rgba(0,0,0,0) !important;}
}
@media (hover:none), (hover:on-demand) {
    .POSTcard3_image_container:hover .POSTcard3_image_texts_body_container{max-height:0px !important;}
.POSTcard3_maincontainer:hover .POSTcard3_image_gradient{background-color:rgba(0,0,0,0) !important;}
}