.paragraph
{
    line-height: 2em;
    direction: rtl;
    font-family: vazir;
    font-size: 12pt;
    text-align: justify;
}
.imgclass{
    right: 30%;
    justify-content: center;
    text-align: center;
    border: rgb(255, 191, 0) solid 5px;
    display: block;
    position: relative;
    width: 600px;
    height: 400px;
}
.para{
 margin-right: 50px;
  /* border: red solid 2px; */
}
h3{
    color: rgb(6, 163, 177);
    font-size: 18;
    font-weight: bold;
}

.center {
    border: 5px solid rgb(255, 209, 148);
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    height: 400px;
 }
@media only screen and (max-width: 700px){
 .imgclass{scale: 0.5; right: 1%; text-align: right; justify-content: right;}   
}