JSFiddle - React, Tailwind, and code Playground

HTML

<header class="header" id="header">
            <div class="container">
<div class="header__content">
 
 <div class="header__card">
                        <div class="header__top">
                        <h4 class="header__start">НАЧНИ ИНВЕСТИРОВАТЬ</h4>   
                    </div>
                    <div class="header__bottom">
                        <img src="images/icons/arrowRight.svg" alt="arrowRight">
                        <strong class="header__join">Присоединиться к фонду</strong>
                    </div>  
                    <div class="header__opacity"></div>
                    </div>  
                    </div>
                    </div>
                    </header>

SCSS

$minWidth: 320px;
$maxWidth: 1920;
$maxWidthConatiner: 1250;
$md1: $maxWidthConatiner+12;
$md2: 991.98;
$md3: 767.98;
$md4: 479.98;  
  
  .container {
    max-width: $maxWidthConatiner + px;
    padding: 0px 15px;
    margin: 0 auto;
}
  .header{
      background: url(https://images3.alphacoders.com/823/thumb-1920-82317.jpg) 0 0/cover no-repeat;
    min-height: 690px;

   &__content{
        margin: 60px 0px 0px 0px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    &__card{
        width: 250px;
        height: 332px;
        padding: 40px;
        margin: 0 50px 0 0;
        position: relative;
        background-color: #fff;

        display: flex;
        flex-direction: column;
        justify-content: space-between;

    }
    &__start{
        color: #363847;

        font-size: 12px;
        font-weight: normal;
        letter-spacing: 0.09em;

    }
    &__opacity{
        height: 100%;
        width: 65px;
        background-color: #fff;
        opacity: 0.5;
        position: absolute;
        right: -65px;
        top: 0;
    }
    &__title{
        color: #fff;
        font-size: 36px;
        text-shadow: 0px 4px 25px rgba(135, 143, 154, 0.25);
        font-family: 'Oswald';
        font-weight: 500;
        margin: 0px 0px 20px 0px;
    }
    &__info{
        font-size: 18px;
        text-shadow: 0px 4px 4px rgba(135, 143, 154, 0.4);
        color: #FFFFFF;
        line-height:1.3;

    }
    }