* {
    box-sizing: border-box;
}

.box{
    display: table;
    width: 55%;
    margin-left: auto;
    margin-right: auto;
}

.season-box{
    display: block;
    margin-bottom: 5px;
}

.season-box img{
    width: 330px;
    height: auto;
    opacity: 50%;
    border-radius: 5px;
    transition: opacity 1s;
}

.season-box img:hover{
    opacity: 100%;
}

.winter{
    float: left;
}

.spring{
    float: right;
}

.fall{
    float: right;
}

.summer{
    float: left;
}