@import colors

.post-container
    .post-content.transparency-grid img
        background-image:
            linear-gradient(45deg, $transparency-grid-square-color 25%, transparent 25%),
            linear-gradient(-45deg, $transparency-grid-square-color 25%, transparent 25%),
            linear-gradient(45deg, transparent 75%, $transparency-grid-square-color 75%),
            linear-gradient(-45deg, transparent 75%, $transparency-grid-square-color 75%)
        background-size: 20px 20px
        background-position: 0 0, 0 10px, 10px -10px, -10px 0px

    text-align: center
    .post-content
        margin: 0 auto
        position: relative

        .resize-listener
            position: absolute
            left: 0
            right: 0
            top: 0
            bottom: 0
            width: 100%
            height: 100%
        img
            position: relative !important // to center image on small screens

        img
            image-orientation: from-image
