Website/static/css/blog.css

/* Global settings for images and videos */
img, video {
    display: block;
    width: 100%;
    border-radius: 10px; /* Add rounded corners */
    margin-top: 20px; /* Add space above the image */
    margin-bottom: 20px; /* Add space below the image */
}

/* Exclude images inside the .icons class from global settings */
ul.icons img {
    display: inline; /* Override display: block */
    width: auto;     /* Override width: 100% */
    border-radius: 0; /* Remove rounded corners */
    margin-top: 0;   /* Remove top margin */
    margin-bottom: 0; /* Remove bottom margin */
}

/* Align blog text and links */
.align-blog p, a, em {
    text-align: left;
    font-size: 1em; 
    line-height: 1.6; 
}

/* Increase margin top for all headings */
.align-blog h1, 
.align-blog h2, 
.align-blog h3, 
.align-blog h4, 
.align-blog h5, 
.align-blog h6 {
    margin-top: 30px; /* Adjust this value to increase space above headings */
}

/* Icons specific styles */
ul.icons {
    cursor: default;
    list-style: none;
    padding-left: 0;
}

ul.icons li {
    display: inline-block;
    padding: 0 0.65em 0 0;
}

ul.icons li:last-child {
    padding-right: 0 !important;
}