o que tem aqui:
variável de drop shadow:
isso é o suficiente para fazer uma div não transbordar para fora da div mãe.
coloquei isso para a div ficar com aquele aspecto quadrado absoluto.
não sei exatamente o que significa, mas está aí. só mexer no max das coisas.
patch note do quadrado absoluto:
o problema: tive que colocar várias media queries para que ele não fosse perdendo a vibe, e nem ficava quadrado certinho. além da gambiarra acima do h-svh w-svw max-h-[40svh] max-w-[22svw].
a solução: descobri que posso tirar todas as marcações de largura e deixar com aspect-ratio. assim a largura sempre vai ser proporcional à altura.
codigo inteiro da div agora
dessa forma, só preciso setar a altura:
tudo isso mantendo o aspect-square.