.latest-post-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    /*flex-wrap: wrap;*/
}

.latest-post-wrapper > div {
    width: 50%;
    min-width: 300px;
    align-self: stretch;

}

.latest-post-wrapper .coloured-bg {
    /*display: flex;*/
    padding: 50px 80px 50px 50px;
    background-color: transparent;
    background-image: linear-gradient(35deg, #AC4034 0%, #C06136 100%);
    border-radius: 30px;
    color: #ffffff;
}

.latest-post-wrapper .coloured-bg .title {
    font-family: "Nunito Sans", Sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #FFFFFF;
}

.latest-post-wrapper .coloured-bg .description {
    font-family: "Nunito Sans", Sans-serif;
    font-size: 16px;
    color: #FFFFFF;
}

.latest-post-wrapper .coloured-bg .btn-wrapper a {
    font-family: "Nunito Sans", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    padding: 10px 40px;
    border: 2px solid #FFFFFF;
    border-radius: 30px;
    text-decoration: none;
    color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}

.latest-post-wrapper .coloured-bg .btn-wrapper a:hover {
    background-color: #FFFFFF;
    color: #2F251F;
    border-color: #FFFFFF;
}

.image-wrapper .image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 30px;
}


@media (width < 1024px) {
    .latest-post-wrapper {
        flex-direction: column;
    }

    .latest-post-wrapper > div {
        width: 100%;
        min-width: 300px;
        align-self: stretch;

    }

    .image-wrapper {
        height: 300px;
    }
}