#personal {
    background-image: url('assets/background-1.jpg');   /* Replace with your image URL */
    background-size: contain;                     /* Ensures the image covers the entire screen */
    background-position: top 0;                /* Centers the background image */
    background-repeat: no-repeat;               /* Prevents the image from repeating */
    height: 100%;                               /* Ensures the body takes full height */
}

body {
    overflow: scroll;
}

.heading {
    margin-top: 5%;
}
  
.custom-width-img {
    width: 33%;
}

.half-width {
    width: 50%;
}

.quarter-width {
    width: 25%;
}

.third-width {
    width: 33%;
}

.flex-row-custom {
    flex-direction: row;
}

.small-height {
    height: 350px;
}

@media (max-width: 768px) {
    .custom-full-width {
        width: 100%;
    }

    #personal {
        background-size: cover;
    }

    .full-width-img {
        width: 100%;
    }

    .flex-column-custom {
        flex-direction: column;
    }

    .center-img {
        margin-left: 20%;
        width: 60%;
    }
}