Definir imagem para largura por apenas uma página sem barra de rolagem HTML - html, css, imagem, tamanho

Eu tenho uma página a seguir:

                <div class="Container100"
style="text-align: center; margin-top: 15px;">
<img
style="width: auto; max-width: 100%; height: auto; text-align: center;"
</img>
</div>

<div class="Container100">
<div class="Card ShadowEffect"
style="text-align: center;">
<div class="ContainerIndent">
Text
</div>
</div>
</div>

O problema é agora: Eu gostaria de redimensionar a imagem para uma largura que o rodapé e a imagem está em uma página e não há rolagem é necessária. Atualmente o img é grande e eu tenho que rolar para baixo para obter também o rodapé. Como posso redimensionar a imagem para a largura específica de resposta? Eu posso definir uma largura como 500px, mas isso não é o que eu quero porque a largura / altura deve ser tão grande que a imagem e o rodapé apareçam em uma página sem rolagem. Como posso fazer isso?

Respostas:

Faça a largura da imagem 100% junto com a altura e largura de sua página. também defina o float para auto

Atribua uma largura e uma altura em% para a imagem e o rodapé.

Por exemplo: Se a largura da imagem for 95% da tela, defina a largura: 95%; Em seguida, defina o rodapé para largura: 5%;

Deve ser isso :)