#characters-list{padding:2rem 2rem 7rem}#characters-list>:first-child .characters>:first-child{grid-row:1/2;grid-column:1/span 2;justify-self:center}.characters-list__item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto}.characters-list__item h2{font-size:1.2rem;margin:3rem auto 1.5rem}.characters-list__item .characters{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.characters-list__item .characters .image{position:relative}.characters-list__item .characters .image p{color:#fff;text-shadow:0 0 5px #000;position:absolute;z-index:1;top:4.5rem;right:1rem}.characters-list__item .characters .image img{width:20rem;border-radius:7px;filter:grayscale(90%);box-shadow:0 0 10px rgba(0,0,0,.15)}.characters-list__item .characters .image img:active,.characters-list__item .characters .image img:focus,.characters-list__item .characters .image img:hover{filter:grayscale(0);transition:filter .5s ease-in-out}@media(max-width:768px){.characters-list__item .characters{display:block}.characters-list__item .characters img{width:100%}}