.my__project__title * {
    color: white;
}

.my__project__title{
    width: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.6937149859943977) 0%, rgba(255,255,255,0) 100%);
}

.my__gallery{
    border-bottom: 1px solid black;
}

.my__gallery * .column:not(:last-child) {
    margin-bottom: var(--bodypadding);
}

@media screen and (min-width: 1024px){
    .my__gallery * .column:not(:last-child) {
    margin-bottom: 0;
}
}

.my__gallery * .column:first-child {
    margin-top: var(--bodypadding);
}

.project__credits{
    border-bottom: 1px solid black;
    display: grid;
    row-gap: var(--bodypadding);
}


.project__credits h2{
    margin-bottom: var(--bodypadding);
}

@media screen and (min-width: 1024px){

.has-6-spans{
    width: calc(50% - (var(--bodypadding)/2));
    float: left;
    margin-top: var(--bodypadding);
}

.has-6-spans:nth-child(1){
    margin-right: var(--bodypadding);
}

.my__gallery .grid::after{
      content: "";
      display: table;
      clear: both;
}

}