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%; font-size: 17% !important; } .energyProductionStatistics { border: 0px solid red; position: absolute; width: 42%; height: 6%; top: 8%; left: 29%; font-size: 16px !important; } .runParamStatistics { border: 0px solid red; position: absolute; width: 42%; height: 7.5%; top: 25%; left: 29%; font-size: 16px !important; } .runParamStatistics div { border: 0px solid red; position: absolute; top: 4%; width: 13%; height: 96%; color: blueviolet; display: flex; justify-content: center; align-items: center; /* font-size: 16px !important; */ } .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; font-size: 175% !important; } .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; font-size: 175% !important; } .OEEStatistics { border: 0px solid red; position: absolute; width: 35%; height: 26%; top: 71.5%; left: 36%; } .equipmentFailure { border: 0px solid red; position: absolute; width: 28%; height: 22%; top: 75%; left: 70%; } .loss { border: 0px solid red; position: absolute; width: 28%; height: 25%; top: 41%; left: 71%; } .productionPlan { position: absolute; border: 0px solid red; width: 33%; height: 21%; top: 73.5%; left: 3.5%; font-size: 9%; } .energyConsumption { position: absolute; border: 0px solid red; width: 26%; height: 20%; top: 46%; left: 2%; font-size: 9%; }