<div class= »tm-blob-wrap »>
<div class= »tm-blob »></div>
<span class= »tm-hero-note »>huit heures par jour derrière un écran…<br>et si la
vraie journée commençait ici ?</span>
</div>
<style>
.tm-blob-wrap{position:relative}
.tm-blob{position:absolute;right:-10vw;top:-6vh;width:52vw;height:52vw;max-width:680px;maxheight:
680px;z-index:0;
border-radius:46% 54% 55% 45% / 50% 44% 56% 50%;
background:radial-gradient(circle
at 38% 34%, #CAA282 0%, #B98A63 42%, #8C5B3F 100%);
box-shadow:inset 0 0 120px rgba(43,36,31,.35), 20px 30px 60px rgba(43,36,31,.18);
animation:tm-breathe 14s ease-in-out infinite alternate}
@keyframes tm-breathe{from{transform:rotate(0) scale(1)}to{transform:rotate(6deg) scale(1.04)}}
.tm-hero-note{position:relative;z-index:2;display:inlineblock;
font-family:’Caveat’,cursive;font-size:17px;
color:#5D4A3A;transform:rotate(-6deg);max-width:230px;line-height:1.5}