me'ow | libre service

<div class="fichecinq">

<div class="fichecinqttl" style="background:blue;background:linear-gradient(45deg, orange, red);">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit omnis amet assumenda facere, recusandae adipisci neque quasi voluptatibus officia velit!</div>

<column><img style="background:blue;background:linear-gradient(45deg, orange, red);" src="https://64.media.tumblr.com/0cae68c6e83113983f8c48ca4364d096/4a283de76f71ae1b-a2/s540x810/9e0c0904ffd3243b766e0a34462ab37bed101fed.gif"><ul><li>Nom prénom</li><li>Nom prénom</li><li>Lieu</li><li>Outfit</li><li>Date</li></ul></column>

<div class="fichecinqtext">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque facilis obcaecati doloremque fugit cumque porro eos architecto incidunt eligendi facere? Tempore repellendus quos nostrum unde obcaecati rerum illum ipsa facilis eum, beatae laboriosam voluptates impedit natus iure magni, laudantium culpa vitae, ab numquam, sint ipsam! Ea ut eius dolor debitis labore porro tenetur, assumenda eligendi! Obcaecati velit necessitatibus dolor excepturi consequatur eligendi. Eveniet architecto iste temporibus quasi magni eos ratione dolorum est doloremque quaerat quos labore inventore harum modi, corporis asperiores nostrum soluta, blanditiis, deleniti natus unde odio, itaque. Veritatis in sint distinctio nobis consequuntur, accusantium assumenda dicta itaque veniam quod blanditiis, esse ad modi. Facilis, velit recusandae. Suscipit nisi officiis modi, earum alias cum ex nam possimus laboriosam dignissimos cupiditate perferendis in quos exercitationem, accusamus, debitis qui molestias adipisci. Assumenda magnam repellat voluptates reprehenderit ad ipsum provident ab rem odit officiis, quaerat odio dolores laudantium culpa obcaecati expedita consequatur! Reiciendis possimus, numquam laudantium doloremque?
</div><footnote>code par me'ow pour lights, camera, action<footnote></div>

<style>.fichecinq{margin:auto;width:min-content;padding:2rem;text-align:justify;font-size:0.8rem;font-family:poppins;display:grid;grid-template-areas: "head head" "column body" "footer footer";grid-template-columns:9rem 39ch;}.fichecinqttl{padding:5rem;color:white;line-height:1;grid-area:head;overflow:hidden;height:211.2px;box-sizing:border-box;position:relative;}.fichecinqtext{padding: 1em;grid-area: body;font-size: 0.8rem;line-height: 1rem;}.fichecinq column {grid-area: column;padding-left: 1rem;background-color:white;}.fichecinq :is(li, ul){padding:0;margin:0;list-style-type:none;}.fichecinq img {padding: 0.4rem;width: 7rem;object-fit: cover;height: 7rem;border-radius: 100%;background: blue;box-sizing: border-box;margin-top:1rem;}.fichecinqttl::after {background: #fff;display: block;content: "";height:15rem;border-radius: 100%;width: 18rem;bottom: -14rem;position: absolute;left: -4.5rem;}.fichecinq footnote {grid-area: footer;background: #f6f6f6;padding: 0.5em;text-align: right;font-size: 0.5rem;text-transform: uppercase;color: #ccc;}.fichecinq ul {background-color: #f9f9f9;box-sizing: border-box;margin-top: 1rem;font-size: 0.6rem;text-transform: uppercase;font-weight: bold;background-clip: text;color: #ccc;}</style>