<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container" style="margin-top: 20%;margin-bottom: 40%;
">
<div class="a2" style="background-image: url(images/group169.png);">
<div class="a3">
<div class="textReT">
أسواق العثيم.<br>
</div>
<div class="textReTD">خصم 25% على جميع المشتريات</div>
</div>
</div>
<div class="a2" style="background-image: url(images/group163.png);">
<div class="a3">
<div class="textReT">
الذيب لتأجير السيارات.<br>
</div>
<div class="textReTD">خصم 15% على جميع المشتريات</div>
</div>
</div>
<div class="a2" style="background-image: url(images/group166.png);">
<div class="a3">
<div class="textReT">
زهور الريف.<br>
</div>
<div class="textReTD">خصم 45% على جميع المشتريات</div>
</div>
</div>
</div>
.x9758b6ec {
position: absolute;
box-sizing: content-box;
-ms-transform: rotate(0.00deg);
-webkit-transform: rotate(0.00deg);
transform: rotate(0.00deg);
-ms-transform-origin: center;
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
cursor: default;
margin-top: 0.00px;
margin-right: 0.00px;
margin-bottom: 0.00px;
margin-left: 0.00px;
padding-top: 0.00px;
padding-right: 0.00px;
padding-bottom: 0.00px;
padding-left: 0.00px;
background-color: #fff0;
text-align: right;
line-height: 46.80px;
letter-spacing: 0.00px;
color: #1a516d;
-webkit-text-stroke: 1.00px #0000;
font-size: 31.00px;
font-weight: 400;
font-style: normal;
font-family: UniversNextArabic-Regular, Arial;
text-decoration: none;
box-shadow: none;
overflow-x: unset;
overflow-y: unset;
white-space: pre;
width: 114.00px;
height: 52.00px;
/* left: -2.87px;
top: 399.41px;*/
display: block;
margin-left: auto;
margin-right: auto;
/* width: 50%;*/
padding: 5px;
bottom: 0;
}
.rectangle200 {
/*position: absolute;*/
box-sizing: content-box;
-ms-transform: rotate(0.00deg);
-webkit-transform: rotate(0.00deg);
transform: rotate(0.00deg);
-ms-transform-origin: center;
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
cursor: default;
margin-top: 0.00px;
margin-right: 0.00px;
margin-bottom: 0.00px;
margin-left: 0.00px;
padding-top: 0.00px;
padding-right: 0.00px;
padding-bottom: 0.00px;
padding-left: 0.00px;
background-color: #fff;
border-bottom-color: #949494;
border-bottom-style: solid;
border-bottom-width: 1.00px;
border-left-color: #949494;
border-left-style: solid;
border-left-width: 1.00px;
border-right-color: #949494;
border-right-style: solid;
border-right-width: 1.00px;
border-top-color: #949494;
border-top-style: solid;
border-top-width: 1.00px;
border-top-left-radius: 19.01px;
border-top-right-radius: 19.01px;
border-bottom-left-radius: 19.01px;
border-bottom-right-radius: 19.01px;
box-shadow: none;
width: 205.00px;
height: 156.31px;
/* left: 688.45px;
top: 259.00px;*/
margin-bottom: 30px;
}
.textReTD {
box-sizing: content-box;
-ms-transform: rotate(0.00deg);
-webkit-transform: rotate(0.00deg);
transform: rotate(0.00deg);
-ms-transform-origin: center;
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
cursor: default;
background-color: rgba(255, 255, 255, 0);
text-align: right;
line-height: 54.85px;
letter-spacing: 0.00px;
color: rgba(255, 255, 255, 1);
-webkit-text-stroke: 1.00px rgba(0, 0, 0, 0);
font-size: 110%;
font-weight: 400;
font-style: normal;
font-family: UniversNextArabic-Regular, Arial;
text-decoration: none;
box-shadow: none;
overflow-x: unset;
overflow-y: unset;
position: absolute;
bottom: 20px;
padding-right: 20px;
}
.textReT {
padding-right: 30px;
box-sizing: content-box;
-ms-transform: rotate(0.00deg);
-webkit-transform: rotate(0.00deg);
transform: rotate(0.00deg);
-ms-transform-origin: center;
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
cursor: default;
background-color: rgba(255, 255, 255, 0);
text-align: right;
line-height: 74.36px;
letter-spacing: 0.00px;
color: rgba(255, 255, 255, 1);
-webkit-text-stroke: 1.00px rgba(255, 255, 255, 1);
font-size: 140%;
font-weight: 400;
font-style: normal;
font-family: UniversNextArabic-Regular, Arial;
text-decoration: none;
box-shadow: none;
overflow-x: unset;
overflow-y: unset;
bottom: 70px;
position: absolute;
}
.a2 {
/* background-image: url(images/group169.png); */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
opacity: 1;
cursor: default;
height: 353.67px;
position: relative;
margin-bottom: 25px;
Background-attachment: fixed;
background-size: 100% 100%;
}
.a3 {
background-image: url(images/path280.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
opacity: 1;
cursor: default;
height: 353.67px;
/* Background-attachment: fixed;*/
background-size: 100% 100%;
}
.a1 {
display: block;
position: absolute;
box-sizing: content-box;
-ms-transform: rotate(0.00deg);
-webkit-transform: rotate(0.00deg);
transform: rotate(0.00deg);
-ms-transform-origin: center;
-webkit-transform-origin: center;
transform-origin: center;
background-image: url(images/group169.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
opacity: 1;
cursor: default;
margin-top: 0.00px;
margin-right: 0.00px;
margin-bottom: 0.00px;
margin-left: 0.00px;
padding-top: 0.00px;
padding-right: 0.00px;
padding-bottom: 0.00px;
padding-left: 0.00px;
overflow-x: unset;
overflow-y: unset;
background-color: transparent;
width: 1018.00px;
height: 552.99px;
left: 0.00px;
top: 0.00px;
}