*{
    margin-block-start: 0;
    margin-block-end: 0px;
}
header{
    background-color: grey;
    height: 5vh;
}
header h1{
    color: white;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}
.img-box{
    width: 200px;
}

.img-box_2{
    width: 200px;
    display: inline;
}

.img-box img{
    width: 100%;
}



#image_2 img{
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    opacity: 0.3;
}

#image_2 img:hover{
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    opacity: 1;
}
figcaption{
    display: none;
    margin-left: 45vw;
    
}

#image_2:hover figcaption{
    display: block;
}

#image_1{
    margin-left: 30vh;

}

#image_2{
    margin-left: 50vh;
}

#image_3{
    margin-left: 70vh;
}