.luffyimage{
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;

}
.luffy{
    flex:1;
    height: 80vh;
    width: 2500px;
    object-fit: cover;
    opacity: 87%;
}

.me{
    text-align: center;
    background-color: rgb(82, 6, 6);
}

.me:hover{
    cursor: pointer;
}


.descriptioncontainer{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5rem;
    margin: 100px;

}

.textdescription{
    display: flex;
    flex:1;
    font-weight: 600;
    align-items: center;
    text-align: justify;
   
}
.videoadjust{
    display: flex;
    align-items: center;
}


@media(max-width: 390px){
    .luffyimage{
        justify-content: center;
    }

    .videoadjust{
        width: 380px;
        padding: 10rm;
    }

    .textdescription{
        
        text-align:center;
        text-align: justify;
    }
}