.containersizing {
    width: 100%;
    margin: auto; 
    height: 195px; 
    text-align: center;
    font-family: Meera Inimai, sans-serif;
    background-color: transparent;
}
#container {
    display: inline-block;
}
#SolarwindTimeContainer {
    width: 70%;
    margin-inline: auto;
    font-size: 15px;
    font-family: Meera Inimai, sans-serif;
    text-align: center;
    margin-block: 30px;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.5);
    background-color: white;
}
#solarWindTime {
    padding: 10px;
}
#solarWindValue {
    font-size: 20px;
}
#subcontainer {
    margin-bottom: -50px;
}

@media all and (min-width: 300px) {
.containersizing {
height: 195px;
}
}
@media all and (min-width: 350px) {
.containersizing {
height: 225px;
}
}
@media all and (min-width: 400px) {
.containersizing {
height: 255px;
}
}
@media all and (min-width: 450px) {
.containersizing {
height: 285px;
}
}
@media all and (min-width: 500px) {
.containersizing {
height: 315px;
}
}
@media all and (min-width: 550px) {
.containersizing {
height: 350px;
}
}
@media all and (min-width: 600px) {
.containersizing {
height: 385px;
}
}
@media all and (min-width: 650px) {
.containersizing {
height: 420px;
}
}
@media all and (min-width: 700px) {
.containersizing {
height: 455px;
}
}
@media all and (min-width: 768px) {
.containersizing {
height: 490px;
}
#solarWindValue {
    font-size: 25px;
}
}
@media all and (min-width: 1024px) {
.containersizing {
height: 360px;
}
#container {
    display: flex;
    margin-bottom: -70px;
}
#subcontainer {
    margin-inline: -60px;
    margin-bottom: 0px;
}
#solarWindValue {
    font-size: 30px;
}
}
@media all and (min-width: 1100px) {
.containersizing {
height: 390px;
}
}
@media all and (min-width: 1200px) {
.containersizing {
height: 410px;
}
}
@media all and (min-width: 1300px) {
.containersizing {
height: 430px;
}
}
@media all and (min-width: 1400px) {
.containersizing {
height: 450px;
}
}