body{
background-color: rgb(255,244,222);
}

.container{
display: flex;
align-items: center;
}

.side_text{
margin-left: 100px; 
color: rgb(231,149,6);
font-size: 180%;
font-family: "IBM Plex Sans JP", sans-serif;
}

img{
width: 500px;
height: 500px;
margin-left: 300px;
margin-top: 100px;
}

@media(max-width: 640px){
img {
    margin-left: 0;      
    margin-right: 0;
    margin-top: 150px;
    width: 80%;
    max-width: 300px;
    height: auto;
    display: block;
  }
.side_text{
font-size: 1rem;
margin: 0;
text-align: center;
font-family: "IBM Plex Sans JP", sans-serif;
}
 .container {
flex-direction: column;    
align-items: center;       
margin-bottom: 150px;
}
}

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; 

}