refactor sc layout with picture