.generic-template-container {
    width: 35vw;

    @media screen and (width <= 768px) {
        width: 100%;
    }
}

.generic-template-sideimage {
    width: 100%;
    height: 570px;
    object-fit: cover;
    object-position: top;

    @media screen and (width <= 768px) {
        height: auto;
    }
}

div:has(.generic-template-sideimage) {
    @media screen and (width <= 768px) {
        padding: 0;
    }
}

.generic-flex-content-wrapper {
    background-image: url(../images/yellow-vector-extended.png);
    background-position: left;
    background-repeat: repeat-y;
    background-size: auto;
}

td {
    border-width: 1px;
    padding: 10px;
}