:root {
    --width: 1180px;
    --height: calc(var(--width) * (1770 / 1180));
    --padding-left: calc(var(--width) * (64 / 1180));
    --padding-top: calc(var(--width) * (70 / 1180));
    --photo-width: calc(var(--width) * 2 * var(--padding-left));
    --photo-height: calc(var(--photo-width) * (1440 / 1115));
}
body {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    width: 100vw;
    height: 100vh;
    transition: all 0.5s ease;
}

header, footer {
    display: none;
}
body {
    --wp--style--global--content-size: var(--width);
    --wp--style--global--wide-size: var(--width);
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull))  {
    margin-left: 0!important;
    margin-right: 0 !important;
}
.has-global-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.photo_frame {
    display: none;
}
/*
.photo_frame {
    transform: rotate(90deg) translateX(-300px) translateY(-290px);
    position: relative;
    display: block;
    background-color: red;
    background-image: url(
    ../assets/frame.png);
    background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0;
    width: var(
    --width);
    height: var(
    --height);
}

.photo_frame img.img {
    position: relative;
    z-index: -1;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 1115 / 1440;
    width: var(--photo-width) !important;
    height: var(--photo-height) !important;
    margin-left: var(--padding-left);
    margin-top: var(--padding-top);
    background-color: red;
}
.photo_frame .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../assets/frame.png);
    object-fit: cover;
} */