#f{border-color : #000063;color : white;background-color : #2c5aa0;z-index: 8;}.t{align-items: center;display: flex;justify-content: space-around;flex-wrap: wrap;height: 300px;}.t .u span{width: 400px;position: absolute;bottom: 0;background-color: rgba(0,0,0,0.5);text-align: center;font-size: 1.85em;color: white;}.u{position: relative;height: 240px;width: 400px;border: 1px black solid;}.y{font-style: italic;}#s{background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.8)), url("images/diagnostic.png");}#s:hover{background-image: linear-gradient(to top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1)),url("images/diagnostic.png");transition: 0.5s;}#t{background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.8)), url("images/geomatique.png");}#t:hover{background-image: linear-gradient(to top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1)),url("images/geomatique.png");transition: 0.5s;}@media screen and (max-width:1452px) {.t{height: 550px;}}@media screen and (max-width:1280px) {.t{height: 280px;}}@media screen and (max-width:900px) {.t{height: 550px;}}@media screen and (max-width:430px) {.u{width: 280px;}.t .u span{width: 280px;position: absolute;bottom: 0;background-color: rgba(0,0,0,0.5);text-align: center;font-size: 1.35em;color: white;}}