Estudando mais profundamente e testando o comportamento e as diferentes formas de responsividade da tag img do html.
Este é um projeto apenas didático
- https://developer.mozilla.org/pt-BR/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
- https://web.dev/optimize-cls/?utm_source=lighthouse&utm_medium=lr#images-without-dimensions
- https://web.dev/serve-responsive-images/
- https://desenvolvimentoparaweb.com/css/imagens-responsivas-srcset-sizes/