#more1 {
    width: 100%;      /* 横幅を親要素いっぱいにする */
    height: 700px;    /* 高さを500pxに固定 */
    overflow: hidden;  /* 画像がはみ出さないようにする */
    position: relative;
    /* background-image: url(murasaki.png);  */

    display: flex;  
    align-items: center;/* 上下真ん中 */
}
#more1 img {
    max-width: 100%; /* 親要素の幅に合わせる */
    height: auto; /* アスペクト比を維持 */
    object-fit: cover; /* 画像が親要素にフィットするようにする */
    margin-left: 100px; 
    padding-top: 130px;
}