body { background-color: aquamarine; background: url(../../img/tankShell/tankShellDeviceBackground.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: 100% 100%; } .dataInformation { border: 0px solid red; position: absolute; width: 24%; height: 22%; top: 14%; left: 3.3%; } .energyProductionStatistics { border: 0px solid red; position: absolute; width: 42%; height: 6%; top: 9%; left: 29%; } .runParamStatistics { border: 0px solid red; position: absolute; width: 42%; height: 7.5%; top: 25%; left: 29%; } .runParamStatistics div { border: 0px solid red; position: absolute; top: 4%; width: 13%; height: 96%; color: blueviolet; display: flex; justify-content: center; align-items: center; } .lossParam{ border: 0px solid yellowgreen; position: absolute; width: 8.8%; height: 4.5%; top: 12.5%; right: 6%; display: flex; justify-content: center; align-items: center; color: #8FB7D1; } .meterParam{ border: 0px solid yellowgreen; position: absolute; width: 8.8%; height: 4.5%; top: 27.4%; right: 6%; display: flex; justify-content: center; align-items: center; color:#A5E3B1; } .theEnergyConsumptionContrast { border: 1px solid red; position: absolute; width: 24.1%; height: 21%; top: 44%; left: 3.3%; } .lossStatistics { border: 1px solid yellowgreen; position: absolute; width: 24%; height: 21%; top: 44%; right: 3.3%; } .deviceInfoTable { border: 1px solid #6ACBFE; position: absolute; width: 33%; height: 21%; bottom: 5%; left: 3.3%; } .oeeStatistics { border: 1px solid cornflowerblue; position: absolute; width: 33%; height: 21%; bottom: 5%; left: 38%; } .faultRank { border: 1px solid bisque; position: absolute; width: 24%; height: 21%; bottom: 5%; right: 3.3%; }