SEO | Development | Designing .image-after { position: relative; } .image-after::after { content: ""; display: inline-block; width: 20px; /* Adjust the width as needed */ height: 20px; /* Adjust the height as needed */ background-size: contain; margin-left: 5px; /* Adjust the spacing between text and image */ vertical-align: middle; } .image-after[data-image-url="https://www.svgrepo.com/show/7109/search.svg"]::after { background-image: url('https://www.svgrepo.com/show/7109/search.svg'); /* SVG image URL for SEO */ } .image-after[data-image-url="https://www.svgrepo.com/show/529517/code-2.svg"]::after { background-image: url('https://www.svgrepo.com/show/529517/code-2.svg'); /* SVG image URL for Development */ } .image-after[data-image-url="https://www.svgrepo.com/show/339127/design-and-development-02.svg"]::after { background-image: url('https://www.svgrepo.com/show/339127/design-and-development-02.svg'); /* SVG image URL for Designing */ } .image-after[data-image-url="https://www.svgrepo.com/show/7109/search.svg"]::after, .image-after[data-image-url="https://www.svgrepo.com/show/529517/code-2.svg"]::after, .image-after[data-image-url="https://www.svgrepo.com/show/339127/design-and-development-02.svg"]::after { filter: invert(1); /* Inverts the color to white */ }