.cover-section{display:block;;position:relative}
.cover-section hgroup,
.cover-section .section-heading{position:absolute;left: 1.6rem;width: 75%;bottom:4.4rem;z-index: 1;}
.cover-section h2,.cover-section h3{color:#fff}
.cover-section h2{font-size:3.2rem;line-height: 1;}
.cover-section img:not(.pappaloop-prefix-title){display:block;width:100%;height: auto;aspect-ratio:1/1.25;object-fit: cover;object-position:right}   
.cover-section .image-wrapper {position: relative;}
.cover-section .image-wrapper::after {content: "";position: absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,.5) 100%);pointer-events: none;}
.cover-section span{position: absolute;bottom:4.4rem;right: 3.2rem;width: 40px;height: 40px;border: 2px solid #fff;display: flex;place-content: center;align-items: center;border-radius: 50%}
.cover-section span i{color:#fff;font-size: 1.6rem;}

#offerte-cover.cover-section .image-wrapper::after{background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .85) 100%);}

.cover-section span.button{min-width:auto;padding:0}
.cover-section span.button--accent{border:0}

@media(min-width:500px){
    .cover-section h2{font-size:4.8rem}
}

@media(min-width:768px){
    .cover-section hgroup,
    .cover-section .section-heading{width:50%}
    .cover-section img:not(.pappaloop-prefix-title){aspect-ratio: 1/.75}
}

@media(min-width:992px){

    .cover-section img:not(.pappaloop-prefix-title){aspect-ratio: 1 / .6666}
    .cover-section hgroup,
    .cover-section .section-heading{left:3.2rem}
    .cover-section span{right:3.2rem}
}

@media(min-width:1280px){
    .cover-section hgroup,
    .cover-section .section-heading{left:6.4rem;bottom:6.4rem}

    .cover-section img:not(.pappaloop-prefix-title){aspect-ratio: 9 / 4}
    .cover-section h2{font-size:6.4rem}
    .cover-section h3{font-size:1.6rem}
    .cover-section span i{font-size:3.2rem}
    .cover-section span{right: 6.4rem;bottom:5.4rem;border: 3px solid #fff;width: 90px;height: 90px;}
}