サイト分析(Softbank)

<div class="top-innovation-kv">
            <div class="contents-body">
                <div class="top-innovation-title">
                    <div class="top-innovation-title-bg-l" style="width: 0px; left: -20px;"></div>
                    <div class="top-innovation-title-bg-r" style="width: 300px; right: -300px;"></div>

                    <div class="title-h2">
                        <h2>
                            <img alt="INNOVATION" src="/corp/set/data/business/img/p/innovation_title.svg" class="img-loaded">
                        </h2>
                        <p>通信に革新を。</p>

                        <div class="top-innovation-copy">
                            ほぼすべての人がスマートフォンを持ち、<br>
                            さまざまなモノがインターネットにつながるIoT時代が到来。<br>
                            <br>
                            通信技術の進化と共により豊かなコミュニケーションを<br>
                            提供します。
                        </div>

                        <div class="btn">
                            <a href="/corp/business/communication/">
                                <p>
                                    <span>次世代通信の取り組み</span>
                                </p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

.top-innovation-kv {
    height: 600px;
}

#beyond-carrier .contents-body {
    max-width: 1320px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: relative;

.top-innovation-title {
    width: 880px;
    height: 100%;
    background-color: #fff;
    position: relative;

.top-innovation-title-bg-l {
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/corp/set/data/business/img/p/innovation_kv_01.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;

.top-innovation-title-bg-r {
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/corp/set/data/business/img/p/innovation_kv_02.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;

.top-innovation-title .title-h2 {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

.top-innovation-title .title-h2 h2>img {
    width: 100%;
}

<div class="" style="height:600px">
    <div class="max-w-screeen-xl w-full h-full relative mx-auto">
        <div class="relative h-full" style="width:880px">
            <div class="inline-block" >
                <img class="block right-1/4 absolute bg-no-repeat bg-cover h-full src="{% static 'images/INNOVATION.jpg' %}">
            </div>

            <div class="inline-block" >
                <img class="inline-block right-1/4 absolute bg-no-repeat bg-cover h-full" src="../static/images/INNOVATION.jpg" style="">
            </div>
            <div class="inline-block">
                <p class="absolute left-0 top-1/2 transform -translate-x-1/2 -translate-y-1/2 m-auto text-black ">INNOVATION</p>
                <p class="absolute  m-auto text-black text-2xl"> VR Rev.はこれからの未来に革新的な体験をもたらすであろうVR・AI技術などについて最新の情報をお届けします。
                <br>INNOVATIONの最先端を!!</p>
            </div>
        </div>
    </div>       
</div>