有没有办法转换CSS属性？

Question

我正在Repl.it上创建一个网站，当我在使用CSS时，我希望文本为100％，但这没用。

我尝试更改它，但是我没用。

这是摘录：

.noimgage {
    border: 2px solid black;
    padding: 100%;
    text-align: center;
    color: #00ccff;
}

.image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

<div class="container">
    <image src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSJU8p-QXCrj1fivcI3ZffdRwLc-lVPdBdptCyzbAGyZyf-c5NVrQ" class="image" >
    <div class="middle">
        <h1>Dino Game</h1>
        <br>
        <br>
        <a class="btn" href="dinogame.html">Play</a>
    </div>
</div>
<div class="container">
    <h1 class="noimage">Memory Game</h1>
    <div class="middle">
        <h1>Memory Game</h1>
        <br>
        <br>
        <a class="btn" href="nummemgame.html">Play</a>
    </div>
</div>

noimg是文本，图像是图像。但是，它们的大小不一样。 怎么可能呢？