#photo {
    position: relative;
    width: 100vw;
    height: calc(100vh - var(--header-height) - var(--footer-height));
    /* background-image: url("../images/top-1.jpg"); */
    background-image: url("../images/yami_gatari2-designed_by.svg"), url("../images/yami_gatari2-1.jpg"), url("../images/yami_gatari2-2.jpg");
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left top, left top, right bottom;
    background-size: contain, contain, auto 100%;
}