Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="nice.css"/>
    <script src="nice.js" type="module"></script>
</head>
<body>
<heade>
<div id="imagen"></div>
    <window id="window">
<p id="titulo">Tortuga</p>
    </window>
</heade>
<p id="texto"> Les tortugues (Testudines), dites igualment testudins o quelonis, són un ordre de rèptils que tenen el tronc tancat en una closca formada a partir de costelles soldades a altres estructures. Les tortugues modernes es divideixen entre criptodirs i pleurodirs, segons el pla en el qual flexionen el coll.[2]

    Tenen el tronc ample i curt. Es coneixen 353 espècies de tortugues.[3]

    Igual que tots els rèptils actuals, les tortugues són animals ectoterms, el que significa que la seva activitat metabòlica depèn de la temperatura externa o ambiental. La reproducció és ovípara i la incubació va a càrrec de la radiació solar. És proverbial l'extrema longevitat de les tortugues; diverses espècies poden viure 100 anys o més.

    N'hi ha d'hàbitats terrestres i n'hi ha d'aquàtiques, marines o d'aigua dolça. Les d'hàbitat terrestre presenten dits lliures, mentre que les aquàtiques tenen les extremitats transformades en aletes o bé els dits units per una membrana. Les tortugues són especialment herbívores.</p>
</body>
</html>

css
#imagen {
background-image: url("tortugi.jpg");
background-size: 100%;
padding-top: 40px;
padding-bottom: 100px;
height : 200px;
background-repeat: no-repeat;
}
#titulo {
    font-size: 40px;
    margin-top: -50px;
    margin-left: 20px;
    font-family: "Rasa Light";
    text-shadow: 1px 1px 0 black;
}
#texto {
    font-size: 20px;

}

js
const titulo = document.getElementById("titulo");
const imagen = document.getElementById("imagen")
imagen.scroll(function() {
    $(".imagen").toggleClass(newClass, imagen.scrollTop() >= 50);
});