section > * { box-sizing: border-box; padding: 0; } section > .row > .col3 { padding: 5px; } .galleryPicture { box-sizing: content-box; padding: 22px 0 5px; display: flex; align-items: center; justify-content: center; position: relative; text-align: center; background-color: rgba(230, 230, 230, 0.7); border: 1px solid rgba(0,0,0,0.2); border-radius: 6px; transition: background-color 1.3s ease; } .galleryPicture:hover { background-color: rgb(192, 192, 192); } .galleryName { line-height: 1.25; font-size: 0.85em; } .galleryPicture > figure > img { max-height: 25vmin; max-width: 95%; object-fit: contain; } figure, figcaption { border: none; margin: 0; padding: 0; } /* styles adaptatifs */ @media (max-width: 799px) { section > .row { display: flex; flex-wrap: wrap; justify-content: space-evenly; } section > .row > .col3 { flex: 0 0 50%; } } /* @media (max-width: 799px) and (orientation: landscape) { .galleryPicture { padding: 30px 0; } */