.right-side {
    background-color: rgb(118, 23, 29);
}
.rectangle-p {
    width: 70%;
    height: 45vw;
    background-color: rgb(140, 130, 175);
    position: relative;
    float: right;
    margin-top: 3%;
    z-index: 0;
}

.introduce img{
    width:90%; height:auto;
    text-align:center;
    padding:0% 10% 0% 3%;
    z-index:3;
    margin-top:0%;
    margin-bottom:0%
   
   
} 
.introduce{
    position:absolute;
    text-align:center;
    width:60%; height:auto;
    padding:5%;
    margin:10% 10% 5% 10%;
    border: 5px solid rgb(118, 23, 29);
    background-color: white;
    z-index:2;
}
.introduce h1{
    text-align:center;
    font-size:235%;
}
.introduce p{
    text-align:left;
    font-size:20px;
}
.detail{
    margin-top:8%;
}

@media screen and (min-width:320px) and (max-width:330px){
    .rectangle-p {
        width: 70%;
        height: 130vw;
        background-color: rgb(140, 130, 175);
        position: relative;
        float: right;
        margin-top: 3%;
        z-index: 0;
    }
    .sentence h1{
        font-size:200%;
    }
    .detail p{
        font-size:75%;
    }
}

@media screen and (min-width:375px) and (max-width:385px){
    .rectangle-p {
        width: 70%;
        height: 130vw;
        background-color: rgb(140, 130, 175);
        position: relative;
        float: right;
        margin-top: 3%;
        z-index: 0;
    }
    .sentence h1{
        font-size:200%;
    }
    .detail p{
        font-size:87%;
    }
}
@media screen and (min-width:414px) and (max-width:424px){
    .rectangle-p {
        width: 70%;
        height: 130vw;
        background-color: rgb(140, 130, 175);
        position: relative;
        float: right;
        margin-top: 3%;
        z-index: 0;
    }
    .sentence h1{
        font-size:200%;
    }
    .detail p{
        font-size:97%;
    }
}
@media screen and (min-width:768px) and (max-width:1024px){
    .rectangle-p {
        width: 70%;
        height: 45vw;
        background-color: rgb(140, 130, 175);
        position: relative;
        float: right;
        margin-top: 3%;
        z-index: 0;
    }
    .sentence h1{
        font-size:280%;
    }
    .detail p{
        font-size:125%;
    }
}

@media screen and (max-width: 500px)
{
    .introduce {
        width: 75%;
        margin-left: 5%;
        margin-right: 10%;
        margin-top: 60px;
    }
}