@charset "utf-8";
/* CSS Document */

.box {width: 680px; margin: 40px auto; display: flex; flex-wrap: wrap}
.season-box {width: 330px; height: 214px; border-radius: 5px; display: block; margin: 5px; background-size: 100%; background-repeat: no-repeat; opacity: .5; transition: opacity 2s}

.season-box:hover {opacity: 1.0}

.winter {background-image: url("images/winter.jpg")}

.spring {background-image: url("images/spring.jpg")}

.summer {background-image: url("images/summer.jpg")}

.fall {background-image: url("images/fall.jpg")}