*{ color: black; font-size: 30px; } #spielRaum{ width: 1000px; height: 1000px; margin: auto; background-color: yellow; position: relative; } body{ height: 100%; margin: 0px; } #tom img{ width: 300px; } #tom{ position: fixed; } #fuchs img{ width: 200px; position: relative; left: 50px; } #enemy img{ width: 220px; } #enemy{ position: fixed; } .flexbox{ display: flex; flex-direction: row; } #rechnungen{ padding: 25px; justify-content: space-between; } #rechnung1, #rechnung2 { width: 20%; margin: 0 10px; padding: 20px; text-align: center; font-size: 1.5em; z-index: 10; position: relative; display: inline-block; } #rechnung1 img, #rechnung2 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; width: 100%; height: 100%; object-fit: cover; }