*{ 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 { position: fixed; bottom: 1px; } #fuchs img{ width: 200px; position: relative; left: 50px; z-index: 60; } #enemy img{ width: 220px; } #enemy{ position: fixed; } .flexbox{ display: flex; flex-direction: row; } #rechnungen{ padding: 0px; position: relative; top: 1px; } #rechnung1, #rechnung2 { width: 20%; margin: 0 100px; padding: 20px; text-align: center; font-size: 1.5em; z-index: 10; position: fixed; display: inline-block; } #rechnung1{ background-color: rgb(0, 225, 255); border-radius: 15px; outline: 8px solid black; left: 15%; } #rechnung2{ background-color: red; border-radius: 15px; outline: 8px solid black; right: 15%; } #rechnung1 img, #rechnung2 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; width: 100%; height: 100%; object-fit: cover; }