Olá! Eu tenho um problema que em teoria é simples mas eu não consigo mais achar uma possível solução para ele. Meu cliente é vtex e eu tenho um selo de Últimas Oportunidades que é configurado quando o produto está configurado nessa coleção específico. O selo está aparecendo perfeitamente, então meu problema é só com seu posicionamento. Os selos vem por sua natureza na parte de cima do produto (como o ♡ do add aos favoritos), e o selo em questão funciona perfeitamente, alterando seu tamanho conforme a tela e mantendo sua posição, porém o cliente quer que esse selo em específico fique na parte de baixo.
Eu já tentei modificar o atributo top tanto da quanto da , só que em ambos os casos quando a largura da tela altera, esse atributo top acaba desconfigurando a posição do selo. Como faço para ele ficar "fixo" na parte de baixo?
A estrutura do código (que eu não posso alterar) é:
<div class="styled__ShelfImageWrapper-sc-1aqe7sq-1 bOpakP is--image">
<div class="styled__UltimaOportunidade-sc-ox4cng-0 div-imagem">
<img src="/arquivos/mal-selo-ultima-oportunidades.png" class="styled__FlagImage-sc-ox4cng-1 imagem-selo">
</div>
</div>
A classe da div está com position relative e a imagem com position absolute