.darkbg {
    background-color: black;
}

.ptpb {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.trn {
    transform: none!important;
    width: 100%!important;
    object-fit: contain!important;
}

/* Default: Hide the mobile image, show the desktop image */
.project-image .mobile-image {
    display: none;
}

.project-image .desktop-image {
    display: block;
}

/* For devices with a max width of 768px (mobile) */
@media screen and (max-width: 768px) {
    .project-image .mobile-image {
        display: block;
    }

    .project-image .desktop-image {
        display: none;
    }
}