.section-list{display:flex;flex-direction:column;flex-wrap:wrap}.section-list .section{position:relative;display:flex;height:300px}.section-list .section .image{float:left;display:inline-flex}.section-list .section .image img{object-fit:cover;height:100%;display:block}.section-list .section .hover-content{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgb(0 0 0 / .3);display:flex}.section-list .section .hover-content .data{text-align:center;align-self:center;color:#fff;margin:0 auto}.section-list .section .hover-content .data .section-title{margin:10px 0;color:#fff;font-size:21px;padding-bottom:5px}.section-list .section .hover-content .data .section-title:after{left:50%;transform:translateX(-50%);border-color:#fff}.section-list .section .hover-content .data .icon{filter:invert(100%)}@media (min-width:456px){.section-list{flex-direction:row}.section-list .section{flex:50%}}@media (min-width:886px){.section-list .section{flex:1;height:auto}}