.category1 { background: url(https://i.pinimg.com/originals/1f/3f/fa/1f3ffa4e7f42c15cfec901d301b16e9c.jpg) no-repeat 50% 50%; background-size: cover; } .category1::after { content: "videos."; font-family: "Roboto Mono"; font-size: 36px; position: relative; color: #fff; display: block; top: 8%; left: -60%; right: 0; bottom: 0; } .category2 { background: url(/projects/graphics/devils-work/assets/img.png) no-repeat 50% 50%; background-size: cover; } .category2::after { content: "graphics."; font-family: "Roboto Mono"; font-size: 36px; position: relative; color: #fff; display: block; top: 80%; left: 90%; right: 0; bottom: 0; } .category3 { background: url(https://eldfrog.com/wp-content/uploads/2018/12/programming_languages.png) no-repeat 50% 50%; background-size: cover; } .category3::after { content: "development."; font-family: "Roboto Mono"; font-size: 36px; position: relative; color: #fff; display: block; top: 80%; left: 90%; right: 0; bottom: 0; } /* .category3 { background: url(/projects/renders/allegiance/assets/img.png) no-repeat 50% 50%; background-size: cover; } .category3::after { content: "allegiance."; font-family: "Roboto Mono"; font-size: 36px; position: relative; color: #fff; display: block; top: 80%; left: -50%; right: 0; bottom: 0; } .category4 { background: url(/projects/renders/devils-work/assets/img.png) no-repeat 50% 50%; background-size: cover; } .category4::after { content: "devils work."; font-family: "Roboto Mono"; font-size: 36px; position: relative; color: #fff; display: block; top: 10%; left: 90%; right: 0; bottom: 0; } */ @media (max-width: 768px) { .category1::after, .category2::after, .category3::after { content: none; } }