.xmas-tree {
    position: relative;
    width: auto;
    height: 250px;
    vertical-align: bottom;
}

.xmas-tree-link {
    position: absolute;
    bottom: -5px;
    right: 0;
}

.section-title::after {
    content: "";
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(75%);
    background-image: url("/assets/images/xmas/mistletoe.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#quote-container {
    margin-bottom: 0;
    background: repeating-linear-gradient(135deg, #ff3030 0, #ff3030 50px, #9acd32 50px, #9acd32 100px, white 100px, white 150px);
}

.candycane {
    background: repeating-linear-gradient(135deg, #ff3030 0, #ff3030 50px, #9acd32 50px, #9acd32 100px, white 100px, white 150px);
    height: 50px;
    width: 100%;
}

#xmas-video {
    display: block;
    width: 100%;
    aspect-ratio: 16/9;
    margin: auto;
}

#top-candycane {
    display: none;
}

#xmas-eflyer-modal > img {
    max-width: 100%;
    height: 750px;
}

#xmas-eflyer-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#xmas-eflyer-modal > .action-btns {
    margin-top: 1rem;
    display: flex;
    gap: 1rem;
}

#xmas-eflyer-modal > .action-btns > .secondary-btn {
    background-color: white;
}

@media only screen and (max-width: 1124px) {
    #top-candycane {
        display: block;
    }

    #quote-container {
        background: unset;
    }
}

@media only screen and (max-width: 768px) {
    .section-title::after {
        width: 50px;
        height: 50px;
    }

    .xmas-tree {
        z-index: -1;
    }

    .xmas-tree-link {
        bottom: -5px;
        right: 0;
        left: unset;
    }

    #xmas-eflyer-modal > img {
        height: unset;
    }
}