.content > .flex > img{
    max-width: 30%;
    object-fit: cover;
    object-position: center;
}

.content > .flex{
    padding-top: 3vh;
    gap: 2vw;
}
.links li a{
    text-decoration: underline;
}
/*.links{*/
/*    gap: 0vh;*/
/*}*/
.content .info h1.heading{
    margin-top: 0 !important;
}


.info{
    gap: 2vh;
}
.info .text{
    gap: 1vh;
}

@media screen and (max-width: 800px){
    .content > .flex{
        flex-direction: column;

    }
    .content .flex > img{
        width: 100%;
        max-width: initial;
        height: 30vh;
        min-height: 100px;
        object-fit: cover;
    }
}