.about-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    /* align-items: stretch; */
    /* width: 100%; */
    margin: 1.5rem;
    gap: 1.5rem;
}

.about-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* height: 100%; */
    padding: 1.5rem;
    gap: 1rem;

    text-align: center;
    background-image: var(--gradient-light);
    border: 0.125rem solid var(--highlight-colour);
    border-radius: var(--radius1);
}

.about-item h2 {
    text-align: left;
}

li {
    text-align: left;
}

.about-item p.text-left {
  display: block;
  text-align: left;
}

.about-item a img {
    height: var(--nav-height);
    width: var(--nav-height);

    transition: scale 0.5s ease, filter 0.5s ease;
}

.about-item a img:hover {
    scale: 1.1;
    filter: brightness(130%);
}

.about-item-links {
    display: grid;
    grid-template-columns: auto auto;
    gap: 1rem;
}

.about-item p {
    display: inline;
    /* Stops the text inside <p> taking the same format it is hard coded in - use full container width instead */
}

@media screen and (max-width: 1388px) {

    /* Change column layout to stack */
    .about-container {
        grid-template-columns: 1fr;
    }
}