.container {
  max-height: 100vh;  
  grid-template-columns: max-content;
  grid-template-rows: auto, auto;
  align-items: center;
  justify-content:center;
  grid-template-areas:
    "image"
    "footer";
}

.camimg {
  width: auto;
  max-height: 98vh;  
}

.logo {
  width: 53.5vh;
  top: 1vh;
  left: 2.67vh;
}

.datetime {
  font-size: 3vh;
  left: 135vh;
}

.footer {
  height: 2vh;
  font-size: 1.5vh; 
}

.footer div {
  padding-right: 1vh;
}

.footer div img {
  margin-top: 0.15vh;
  height: 1.6vh;
}

.weather iframe {
  width: 175vh;
  height: 73vh;
}