*{
    margin: 0; 
    padding: 0; 
}

body, html{
    height: 100%; 
    scroll-behavior: smooth; 
    
}

body {
    width: 100%;
    display: flex;
    justify-content: center;
}

img, picture, svg, video, canvas{
    max-width: 100%;
    height: auto;
    vertical-align: middle; 
    background-repeat: no-repeat; 
    background-size: cover;
  }

.caiet {
    height: fit-content;
    margin-top: 5vw;
    max-width: 70vw;
    
}

.caiet img {
    box-shadow: 0 0 0 3px rgba(0,0,0, 0.0);
    transition: box-shadow 0.15s ease-in-out;
} 
.caiet:hover img {
    box-shadow: 0 0 0 3px rgba(0,0,0, 1);
}

@media screen and (min-width: 480px) {
    .caiet { margin-top: 5vw;max-width: 50vw;}
}

@media screen and (min-width: 800px) {
.caiet { margin-top: 5vh; }
.caiet img {max-height: 80vh;}
}