img{
    height: 450px;
    margin-left: 20px;
    margin-right: 20px;
}
h2{
    text-align: center;
    font-size: 50px;
    color: white;
}
div p{
    color: white;
    font-size: 35px;
}
@media screen and (max-width: 420px){
   
    img{
        height: 120px;/*gleiche Höhe bei allen Bildern*/
    }
    h2{
        color: white;
        text-align: center;
        font-size: 30px;
    } 
    div p{
        color: white;
        font-size: 25px;
    }
    }
    @media screen and (min-width: 421px) and (max-width: 755px){
    img{
        height: 200px;
    }
    h2{
        color: white;
        text-align: center;
        font-size: 40px;
    }
    div p{
        color: white;
        font-size: 35px;
    }
    }
    @media screen and (min-width: 756px) and (max-width: 1024px){ 
    img{
        height: 300px;
    }
    h2{
        color: white;
        text-align: center;
        font-size: 50px;
    }
    div p{
        color: white;
        font-size: 35px;
    }
    }