.post{
    height: auto;
    width: 100%;
    background-color: rgb(147, 157, 167);
    overflow: hidden;
    border-radius: 20px;
}
.bilder-show{
    width: 100%;
    height: 500px;

    background-color: black;

    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1px;
    overflow-x: hidden; /* Um sicherzustellen, dass überstehende Bilder beschnitten werden */
}

.bilder-show img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Hier wird das Bild so zugeschnitten, dass es den Container ausfüllt */
    display: block;
    transition: 50ms;
}

.bilder-show img:hover {
    filter: brightness(50%);
}