body {
    font-family: "Lora", "Mozilla-Headline";
}

.box {
    width: 12em;
    height: 16em;
}

.hook {
    background-image: url(https://imgs.search.brave.com/8w2BujkQ2T1qoDHiZ4hLHZjvcV13TDnaH3Kxp6E3X18/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9tZWRp/YS50ZW5vci5jb20v/LUkybmJPY3FUQ0lB/QUFBTS9wYXRyaWNr/LXNwb25nZWJvYi1t/ZW1lLmdpZg.gif);
}

.text_on_image {

    max-width: fit-content;
    ;
    background-color: white;

}

.card {

    offset-position: bottom 30em;

}

.web {
    position: sticky;
    top: 0;
    z-index: 1;
}

.missing {
    height: 17em;
    width: 13em
}