.img-relative::after { content: "EM DIRETO"; position: absolute; top: 10px; left: 10px; background: red; color: white; font-size: 12px; font-weight: bold; padding: 5px 10px; border-radius: 3px; text-transform: uppercase; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);  opacity: 0; display: none; transition: opacity 0.3s ease-in-out; }  .img-relative.has-badge::after { opacity: 1; display: block; }