.d-box {
    border-radius: 0.4rem;
    background-color: lightblue;
    overflow: hidden;
    margin: 0.4rem;
    box-shadow: 0 0 0 white;

    -webkit-transition: all 1s ease-in-out 0.5s;
    transition: all 1s ease-in-out 0.5s;
}

.d-box.expanded {
    box-shadow: 0 0 0.3rem black;
}

.d-box .d-body {
    max-height: 0;
    overflow: hidden;
    text-align: justify;
    
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.d-box .d-body img {
    max-width: 100%;
}

.d-box.expanded .d-body {
    max-height: 500px;
}

.d-margin {
    padding: 0.4rem;
}

.d-box .d-title {
    background-color: blue;
    border-radius: 0.4rem;
    padding: 0.4rem;
}

.d-box.expanded .d-title {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}