URL'ye alt elemana sahip olup olmamasına göre CSS uygulama

Selamlar arkadaşlar. Sitemde CSS kullanarak harici bağlantılara ayırt edici bir simge ekledim.

.content-container a[target="_blank"]:after

Tüm harici linkler yeni sekmede açıldığı için bu kodla harici bağlantıları hedefleyip ilgili CSS'i uygulayabiliyorum buraya kadar sorun yok. Ancak bazen hizliresim vb. harici resim barındırma sitelerinden paylaştığım görsellere link eklediğim de oluyor. Haliyle resmin yan tarafında simge çıkıyor ve ben bunu istemiyorum.

Bağlantı bir img elementini kapsıyorsa çalışmayacak şekilde düzenlemek mümkün müdür? Yalnızca metin halindeki bağlantılara uygulansın istiyorum.

.content-container a[target="_blank"]:after {
content: url("image.png"); /* örnek bir stil tanımı */
}

.content-container a[target="_blank"] img {
pointer-events: none;
}

Bu kod sadece img elementinin üzerine fare imlecini getirdiğimde tıklama işaretine dönmesini engelledi, benim istediğim tam olarak bu değildi hocam.