:root {
  --titles-blue: #298891;
}

.content_padding {
    width: 100%;
    padding: 10vh 15vh;
}

.content_title {
    color: var(--titles-blue);
    padding-left: 5vh;
    padding-bottom: 3vh;
}

.content_card {
    background-color: #eeeeee;
    padding: 5vh;
    border-radius: 10px;
    box-shadow: 5px 5px 20px lightgrey, -5px -5px 20px lightgrey;
}

.content_card p {
    text-align: justify;
}

.content_card ul {
    column-count: 2;
}

.content_image::before {
    background: linear-gradient(#eeeeee, transparent);
    content: "";
    position: absolute;
    width: -webkit-fill-available;
    left: 0;
    margin: 0 20vh;
    height: 30%;
    z-index: 10;
    pointer-events: none;
}

.content_image {
    width: 100%;
    height: auto;
    text-align: center;
}

@media (max-width: 768px) {
    .content_padding {
        padding: 10vh 5vh;
    }

    .content_card ul {
        column-count: 1;
    }

    .content_image::before {
        margin: 0 10vh;
    }
}