.sandwich {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 720px;
   margin: 0 auto;/* */
    aspect-ratio: 4 / 3; /* Adjust to match your desired layout */

    max-height: 450px;
}

.pageheader figure.sandwich {
    margin:0 auto var(--padding) auto;
}


@media all and (min-width:900px) {
    .sandwich {
        max-height: 30vw;
    }
    .pageheader figure.sandwich {
        margin: var(--padding) 0;
    }

}
@media all and (min-width:1500px) {
    .sandwich {
        max-height: 450px;
    }
}
@media all and (max-width: 599.98px) {
    .sandwich {
        max-height: 66vw;
    }
}
.layer {
    position: absolute;

}

svg.layer { height: 100%; width: auto; left: 48%; transform:translateX(-50%); }

div.layer{
    position: absolute; overflow: hidden;  }

div.layer:first-child { top: 10%; left:0; width: 35%; }
div.layer:last-child { bottom: 10%; right:0; width: 46%; }

div.layer picture.c { position:absolute;   display:block; width: 100%; height: 100%; top:50%; left: 50%; transform: translate(-50%,-50%);   }
div.layer picture.c img {     transform: translate(-50%, -50%) !important; }


div.layer::before{
    display: block; content:"";
    width: 100%; height: 0; padding-bottom: 100%;

}