.blogpost__container {
    margin-top: 4rem;
    padding: 2rem;
}

.blogpost__container img {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    --b: 10px; 
    padding: var(--b);
    border: calc(2*var(--b)) solid #0000;
    outline: 1px solid var(--color-white);
    outline-offset: calc(-1*var(--b));
    background: conic-gradient(from 90deg at 1px 1px,#0000 90deg,var(--color-white) 0);
}


.blogpost__container h1 {
    border-bottom: 0.3rem solid var(--color-primary);
	font-size: calc(1.5rem + .5vw);
    padding-bottom: 0.4rem;
    margin-bottom: 1rem;
}

.blogpost__container p {
	line-height: 1.7;
	font-size: calc(.7rem + .25vw);
}

@media screen and (max-width: 1024px) {
    .blogpost__container img {
        width: 80%;
        --b: 5px;
    }
}

@media screen and (max-width: 600px) {
    .blogpost__container img {
        width: 95%;
        --b: 5px;
    }
}