How can I center an embedded Bluesky post?

[seanthegeek]

Checklist

• I have read and accepted the contributing guidelines.

How did you create the site?

Generated from chirpy-starter

Description

I have a blog post here that includes an embedded Bluesky post, using HTML provided by the Embed Post feature of Bluesky. When the blog post viewed on a desktop browser the embedded Bluesky post is left aligned. I would prefer it to be certer aligned with the post content. How can I do that?

Operations you have already tried

I've played around with adding different CSS in my browser's developer tools, but nothing had the desired effect, probably because opportunity

Anything else?

For what it's worth, I don't think it would be useful to have a Chirpy embed include for embedded Bluesky posts in Chirpy, just because there are so many attributes that are not obvious to the creator or visitors, so CSS covering '.bluesky-embed' would be better.

[seanthegeek]

.bluesky-embed {
    margin: auto;
    margin-bottom: 1rem !important;
}