.filters { fieldset { display:flex; dl { flex: 1 150px; min-width: 200px; } } } .container { position: relative; flex: 1; min-width: 200px; border: solid 1px black; background-color: transparent; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .properties{ margin: 10px; padding: 10px; } .bike-list{ display: flex; flex-wrap: wrap; gap: 10px; } .image-wrapper { position: relative; } .image { display: block; object-fit: cover; width: 100%; height: 100px; } .placeholder{ /* background-image: url({{$config.files.logo}}); */ background-size: cover; background-position: center; background-repeat: no-repeat; background-color: rgb(127, 127, 127); background-blend-mode: soft-light; svg { fill: rgb(var(--gTextColor)); } } .label { margin-left: auto; margin-right: auto; left: 0; right: 0; color: black; text-align: center; border-color: black; border-top: solid 1px; border-bottom: solid 1px; background-color: yellow; min-width: 5em; width: 100%; min-height: 2ex; text-align: center; vertical-align: middle; z-index: 1; } li.date-entree { display: block; position: absolute; bottom: 1.5em; margin-bottom: -10px; right: 10px; font-size: x-small; color: gray; }