simple-news-demo/umsetzung/assets/css/teaser.css

.teaser {
    cursor: pointer;
    border: 1px solid #d8d8d8;
    max-width: 30em;
    min-height: -webkit-min-content;
    min-height: min-content;
    min-width: -webkit-min-content;
    min-width: min-content;
    border-radius: 12.5px;
}

.teaser-header {
    flex-direction: column;
    max-width: 40em;
}

.teaser-img {
    border-top-left-radius: 12.5px;
    border-top-right-radius: 12.5px;
    background: linear-gradient(48deg, #dfd9d9, #fff);
    display: flex;
    justify-content: center;
    align-items: center;
}

.teaser-title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 1em;
    font-size: 25px;
}

.teaser-content {
    background: linear-gradient(48deg, #dfd9d9, #fff);
    border-bottom-left-radius: 12.5px;
    border-bottom-right-radius: 12.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 1em;
}

.teaser-date {
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

img {
    max-width: 100%;
    height: auto;
}