What is the best way to lay out this block in an email?

Question

css

gradient circle and headphones - different pictures, how to insert a product into this circle so that it looks more or less tolerable in mailers (mail, yandex, gmail are the priority)?

As I understand it, absolute positioning in emails doesn't work


Maybe someone has already typeset similar blocks, can you send an example or something to read, please?

Answer 1

I solved the problem by adding the product image through the background: no-repeat center/40% url(" cdn.mcauto-images-production.sendgrid.net/f091887f... ");
on gmail, yandex and mail it seems to work fine (desktop and applications), I'm not sure about other mailers