Olá Maria, tudo bem?
Estamos revendo os tópicos mais relevantes/visitados da nossa comunidade e por isso, reabrimos a sua pergunta.
Quando você usa o bloco “responsive-layout” e acontece distorção, geralmente é por conta da dimensão que é feito o upload da imagem na VTEX, isso pois o layout responsivo vai redimensionar tudo da versão desktop para a versão mobile e forçar as imagem para redimensionar, e dependendo do tamanho pode acontecer de distorcer a imagem mesmo.
Vou te passar algumas documentações que podem ajudar a entender e corrigir.
Boas práticas para o uso de imagens no Catálogo
Melhorar a performance de imagens de produtos
Por que as imagens da minha loja estão sendo exibidas com baixa qualidade?
E por fim, mas não menos importante uma documentação que explica a diferença entre o layout responsivo e a versão mobile do layout
Espero que as informações ajudem, mas se precisar de uma ajuda mais específica, recomendo abrir um ticket com o nosso time de suporte da VTEX, ok? 