.text-with-cropped-image {
   position: relative;
}

.text-with-cropped-image .title-wrapper {
   margin-bottom: clamp(26px, 28 * (100vw / 1920), 28px);
   display: flex;
   flex-direction: column;
   gap: 12px;
   color: #000;
}

.text-with-cropped-image .title-wrapper * {
   margin: 0!important;
}


.text-with-cropped-image__image {
   position: relative;
   aspect-ratio: 4/1.25365;
   overflow: hidden;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}

.text-with-cropped-image__image .btn-link {
   top: 0;
   right: 0;
   opacity: 0;
}

.text-with-cropped-image__image:hover .btn-link {
   opacity: 1;
}

@media (max-width: 560px) {
   .text-with-cropped-image__image {
      width: 100%;
      aspect-ratio: 3 / 1.2;
      background-size: 125%;
      background-position-y: top;
   }

   .text-with-cropped-image__image img {
      max-width: 125%;
      width: max-content;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: -3%;
      left: -14%;
   }


}