The best way I found to solve this issue was to have PHP write the CSS styling I needed in-line. I know it is not best practice in terms of maintainability as it might be confusing to someone else coming into the project later on.
However, it was a personal site so I will be the only one updating it. And it was the simplest solution to accomplish my needs. Hopefully there will be some kind of standards compliant solution to this in the future but for now this was the best I could come up with.
Related Posts:
- Making WordPress Gallery (.gallery-item) Responsive?
- How to Make WordPress Default gallery responsive on mobile?
- Responsive background images added inline
- Multiple amp-image overlays. How to properly do this in wordpress?
- All 3?: Responsive resizing of images + image width of actual image for small images + max-width for all larger images
- How do I disable responsive images in WP 4.4?
- WP 4.4. responsive images browser choosing the “wrong” one
- How to insert pictures without hard coded dimensions?
- How to reference a theme image in a stylesheet?
- WP 4.4 aspect ratio with responsive image
- Adding HTML within an image title attribute
- Width 100%: Aspect ratio of image
- How can I serve different images depending on screen size with wordpress
- Add CSS class to every image
- Responsive Images – Add srcset attributes to custom Images Function
- Get a list of all image sizes that match aspect ratio of original one
- @wordpress/create-block image url in css
- How to exclude an image size from the WordPress srcset
- Responsive Images Resizing Images
- Featured image (responsive) above content is too small after update to WordPress 4.4
- How to display a different image size for mobile
- Is there a plugin or simple way to add a multiple images metabox to a post?
- How can I upload an image for background use using the Theme Editor in WordPress?
- Fuzzy Images in WordPress 4.4
- Override img class in gallery
- Removing height and width from images with a caption
- How to create ‘Local’ filters for WordPress srcset sizes in template parts?
- Image not shown in the theme as it’s showing in HTML template [closed]
- Fallback for missing srcset images
- max_srcset_image_width doesn’t work as intended
- CSS: How can I show a photo beyond the template’s column, but contained within the browser window? [closed]
- How to handle a background-size: cover image in WordPress?
- Using SRCSET with Images and Featured Images
- Background-image not showing? [closed]
- Responsive Images Warping
- t5-fresh-editor-stylesheets.php breaks image placement in WP Beta 3 editor
- How do I get my main image to stretch the full length of the screen?
- Custom image size vs CSS sizing
- Understanding WordPress image sizes and responsive images
- Custom responsive ‘featured image’ sizes
- One of my image sizes isn’t showing up in srcset
- How to upload and style svg logo?
- How would you add sequentially numbered labels to images in posts?
- How to stop WordPress from completely overriding my tags in my templates?
- css to fit image by HEIGHT
- Adding srcset to an image in ajax
- the_content not showing responsive image attributes srcset or sizes
- Serve different images per screen size and cache possible?
- Disable Media File Image Link On Mobile Devices
- How to implement CSS-defined images from bootstrap site in wordpress theme
- a: hover issue with image issues [closed]
- Moving an image to the side [closed]
- Image Captions Have a 10px Extra Margin, And It’s Not CSS? [duplicate]
- Can i have 2 separate Galleries on 2 separate pages each go to a DIFFERENT Attachment.php file?
- Image modification
- Why does WordPress list all image sizes in srcset even if they’re larger?
- How to remove image size inline style in article and include caption
- Is there a layout to place 2 same sized images in two columns on the WordPress page?
- Responsive header image
- What’s are some best practices for responsive images (e.g. for section headers)?
- Landing Page with HTML CSS JS and Images on wordpress
- WordPress Responsive Image ( srcset ) not work properly
- Where to put code that customizes API
- How to change background image
- Responsive Images – Defining
- Change header image size
- Decide how Hero image appears on mobile
- Responsive Featured Images Not Working
- Adding custom html/css/images to Theme
- Responsive images with srcset
- Getting extra image links in code with wp_get_attachment_image
- Is there a way to create referable automatic numbering in image captions?
- built-in responsive images in content – do I need to add anything to functions.php?
- Why do images inserted in the post content via the_content() go off the max-width?
- How can we achieve this image css style?
- Remove image border in twentyeleven theme [closed]
- How to display posts with images in fullscreen slider
- Using a full-width hero image that can be changed in the dashboard by a user
- Responsive images in Bootstrap 4 slider
- WordPress not choosing the right image from srcset
- Are WP images responsive by default?
- Responsive Images in WordPress
- Image thumbnail on single product issue | WooCommerce
- Background image call problem
- all images of past post messed up after changing theme
- Custom styling Insert Media window
- Display ajax preloader for large images within posts
- An image on my site is showing as the wrong image [closed]
- Theme files and imagesnot loading on a mobile device
- change with CSS the color of an svg background image set with “background-image: url()”
- Stop underlining image links
- Font size on image captions on mobile
- Parallax image problem
- Theme using masonry layout script rendering overlaped images in Google Chrome [closed]
- Why is inline CSS added to images automatically? [closed]
- WordPress update leads to 404 error on admin page and signup. CSS mishap with all plugin related functions
- I am having trouble displaying an image at the top of a widget area [closed]
- Remove one srcset entry from wp_get_attachment_image
- Is there a way to add background-image to theme.json?
- Generate / attach Image srcsets from ACF Image Field