@charset "utf-8"; .main-work { padding: 90px 30px 60px; color: #ffffff; background-image: url(images/back1.jpg); background-size: 240px; font-family: arial, sans-serif; } .work-title { height: 40px; margin-right: 20px; float: left; } h1 { font-size: 22px; color: #999999; padding-top: 6px; } .work-card { width: 25%; margin-top: 35px; text-align: center; } .work-image { margin-top: 20px; margin-left: 25px; margin-right: 25px; width: 200px; position: absolute; transition: opacity 1s; } .work-image1 { margin-top: 20px; margin-left: 25px; margin-right: 25px; width: 200px; } .work-image:hover { opacity: 0; transition: opacity 1s; } .work-image-title { margin-bottom: 8px; color: #c9c9c9; line-height: 30px; font-size: 16px; } .work-text { font-size: 14px; color: #999999; text-align: center; } .work-card-wrapper { display: flex; flex-wrap: wrap; }