body {
background-color: lightcyan;
}  
h1 {
font-size: 2.8rem;
text-align: center;  
color: red; 
padding: 22px  
}

#about {
font-size: 1.2rem;
padding: 44px   
}


img {

width: 50%;  
text-align: center;
display: block; 
margin-right: auto;
margin-left: auto;  
}

@media screen and (min-width:768px) {
img{
  width: 60%;
  max-width: 250px;
  border: 4px solid yellow
  }
  }