Jeden obrazek na dwóch obiektach css

Question

Chciałbym osiągnąć coś jak na zdjęciu, ale nie wiem jak to zrobić, poza ręcznym ustawianiem background-position.
Więc pytanie brzmi jak wstawić jeden obrazek w 2 obiekty?

Comments

O które dwa obiekty chodzi? "Kafelków" widzę dziesięć.

---

Chodziło że narzucić jedno zdjęcie na więcej niż jeden obiekt!

---

Można ustawić obrazek np. na kontener (parenta) tych obiektów/kafelków.

---

Nie, bo musi być w kafelkach a tło ma być osobno inne i musi być to responsywne.

---

Skoro tło ma być inne dla każdego kafelka, to dlaczego pytasz o użycie jednego tła dla dwóch tych samych kafelków?

---

Chcę osiągnąć taki efekt?

Answer 1

Jest wiele możliwości. Pierwsze co przyszło mi na myśl to ustawienie tła dla rodzica, a następnie nadanie odpowiednio grubego bordera wszystkim elementom (https://codepen.io/danbraj/pen/WNrJgdE).

Answer 2

Zrób tło dla body, a potem stwórz diva powiedzmy container lub wrapper, który będzie trochę mniejszy/inny i będzie miał inne tło. Dopiero w tym divie rób wszystkie inne divy