HTML-CSS：具有相同中心的重叠项？

在一个div中，我有一些我希望它们重叠的图像。我希望它们都具有相同的中心，并相对于其父div进行定位。现在，当我调整窗口大小时，我不希望它们也调整大小。。。我怎样才能达到这个效果呢？对不起，没有密码。谢谢大家!

html:

<div class="columns small-6">
                <h4 id="label_1">Πάγωσε η κόλαση...</h4>
                <h4 id="label_2">Μπρρρ!</h4>
                <h4 id="label_3">Κρύο</h4>
                <h4 id="label_4">Έτσι κ'έτσι...</h4>
                <h4 id="label_5">Καλό</h4>
                <h4 id="label_6">Πολύ καλό!</h4>
                <h4 id="label_7">Κάνεις κοιλιακούς!</h4>

                <img class="button" src="static/thermostat.png">
                <img class="slider unselectable" src="static/thermostat_slider.gif" draggable="false">
                <div class="inside"><img class="inside_thing" src="static/inside_thing.png"><h3 class="give_joke">ΔΩΣΕ!</h3></div>

.button {
    position: absolute;
    background-color: hsla(200, 0%, 0%, 0);
    width: 100em;
    top: 1.5em;
}

.slider {
    position: absolute;
    width: 90em;
}

.inside {
    position: absolute;
    width: 10em;
    top: 11em;
    left: 11.5em;
}

当然，当窗口调整大小时，事物不会保持居中。。。

---

哦，我也使用基础5作为网格。 尝试使用上、左、负页边距的百分比使其处于绝对中心

.inside{
    position: absolute;
    width: 10em;
    top: 50%;
    left: 50%;
    margin-left: -5em;
    margin-top: -5em;
}

---

尝试在你的上、左、负页边距中使用百分比，使其处于绝对中心

.inside{
    position: absolute;
    width: 10em;
    top: 50%;
    left: 50%;
    margin-left: -5em;
    margin-top: -5em;
}

---

你试过

max width

和

max height

了吗？你需要给我们一些代码。到目前为止您尝试了什么？我添加了一些代码，您可能不理解希腊文，没关系……您是否尝试了

max width

和

max height

？您需要给我们一些代码。到目前为止您尝试了什么？我添加了一些代码，您可能不理解希腊文，没关系……您是否尝试了

max width

和

max height

？您需要给我们一些代码。到目前为止你都尝试了什么？我添加了一些代码，你可能不理解希腊文本，没关系。。。