Middle Section Right +++

index.cshtml

<section class="discus-parallax p-0">
    <div class="dc-bg-img p-2 text-right" style="background-repeat: no-repeat;background-size: cover;">
        <div class="container">
            <div class="row">
                <div class="col-md-6 offset-md-6 d-table" style="height:90vh">
                    <div class="align-middle d-table-cell">
                        @Partial.Translate("AciklamaSag", lang)
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Translate

<h1 style="color:#fff;">Karayel Tasarım</h1>

<p class="text-white mt-4 mb-4 text-justify">Karayel Ar-Ge Tasarım Limited Şirketi Antalya&#39;da web tasarım sektöründe bünyesinde bilgisayar mühendisi bulunduran nadir bir Antalya web tasarım firmasıdır. Buna ek olarak genç bilgisayar mühendislerimiz KOSGEB tarafından desteklenmiş projeleri ile emin adımlarla digital dünyada kurumsallaşma serüvenüne sektörde devam etmektedir.</p>

<div class="row">
<div class="col-md-3 col-sm-3 mt-2">
<div class="card"><a href=""><img class="card-img-top discus-card-custom-img-sm" src="https://www.karayeltasarim.com/Upload/File/2020/2/25/kurumsal.png" /> </a>

<div class="overlay-sm">&nbsp;</div>
<a href=""> </a>

<div class="text-center mt-3">
<h5 class="card-title"><a href="">Kurumsal</a></h5>
</div>
</div>
</div>

<div class="col-md-3 col-sm-3 mt-2">
<div class="card"><a href=""><img class="card-img-top discus-card-custom-img-sm" src="https://www.karayeltasarim.com/Upload/File/2020/2/25/kurumsal.png" /> </a>

<div class="overlay-sm">&nbsp;</div>
<a href=""> </a>

<div class="text-center mt-3">
<h5 class="card-title"><a href="">Hizmetler</a></h5>
</div>
</div>
</div>

<div class="col-md-3 col-sm-3 mt-2">
<div class="card"><a href=""><img class="card-img-top discus-card-custom-img-sm" src="https://www.karayeltasarim.com/Upload/File/2020/2/25/kurumsal.png" /> </a>

<div class="overlay-sm">&nbsp;</div>
<a href=""> </a>

<div class="text-center mt-3">
<h5 class="card-title"><a href="">Referanslar</a></h5>
</div>
</div>
</div>

<div class="col-md-3 col-sm-3 mt-2">
<div class="card"><a href=""><img class="card-img-top discus-card-custom-img-sm" src="https://www.karayeltasarim.com/Upload/File/2020/2/25/kurumsal.png" /> </a>

<div class="overlay-sm">&nbsp;</div>
<a href=""> </a>

<div class="text-center mt-3">
<h5 class="card-title"><a href="">İletisim</a></h5>
</div>
</div>
</div>
</div>

CSS

<style>
    /*********************** Middle Section *******************/
    .dc-bg-img {
     position: relative;
     background-image: url(https://www.karayeltasarim.com/Upload/File/2020/2/25/kurumsal.png);
background-position: right;
           }
.dc-bg-img h4 {
     line-height: 0.7;
     font-size: 30px;
     margin: 0px 0px 16px;
     letter-spacing: 2px;
     text-transform: uppercase;
     font-weight: bold;
           }
    /*********************** Middle Section *******************/
</style>

investbd.com.tr